Initial release of Fluent Emoji webfonts.
Fluent Emoji Color
Full gradients, compositing, and visual effects — vibrant and expressive.
- COLRv1 (Chrome, Firefox)
- OT-SVG (Safari)
Fluent Emoji Flat
Solid, flat colors — clean and minimal.
- COLRv1 (Chrome, Firefox)
- OT-SVG (Safari)
Each font is automatically split into ~30-glyph woff2 chunks, so browsers only download what they actually use.
Quick start
Extract the zip and pick your style:
<!-- Color (recommended for most projects) -->
<link rel="stylesheet" href="dist/color/FluentEmojiColor.css">
<!-- Or Flat (for a simpler look) -->
<link rel="stylesheet" href="dist/flat/FluentEmojiFlat.css">Then use in CSS:
p {
font-family: sans-serif, 'Fluent Emoji Color';
/* or: 'Fluent Emoji Flat' */
}The browser automatically picks the right format (COLRv1 for Chrome/Firefox, OT-SVG for Safari). No JavaScript needed.
See the README for more details and code examples.