font-variant-emoji
The font-variant-emoji property specifies font variants for emoji.
Formal Syntax
normal | text | emoji | unicode
JavaScript Access
// Access via element.style
element.style.fontVariantEmoji = 'normal';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| font-variant-emoji | 131 | 141 | 17.5 | 131 |
| emoji | 131 | 141 | — | 131 |
| normal | 131 | 141 | — | 131 |
| text | 131 | 141 | — | 131 |
| unicode | 131 | 141 | — | 131 |
Behind a Flag
Some browsers require enabling a flag or preference:
- font-variant-emoji — safari:
#CSS font-variant-emoji property = true(since 17.5) - font-variant-emoji — safari_ios:
#CSS font-variant-emoji property = true(since 17.5)
Related Properties
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-style
- font-synthesis
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- font-synthesis-position 🧪
- font-width 🧪
- font-stretch 🗑️