font-variant
The font-variant property specifies font variants.
Formal Syntax
font-variant =
normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]
<common-lig-values> =
[ common-ligatures | no-common-ligatures ]
<discretionary-lig-values> =
[ discretionary-ligatures | no-discretionary-ligatures ]
<historical-lig-values> =
[ historical-ligatures | no-historical-ligatures ]
<contextual-alt-values> =
[ contextual | no-contextual ]
<feature-value-name> =
<ident>
<numeric-figure-values> =
[ lining-nums | oldstyle-nums ]
<numeric-spacing-values> =
[ proportional-nums | tabular-nums ]
<numeric-fraction-values> =
[ diagonal-fractions | stacked-fractions ]
<east-asian-variant-values> =
[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> =
[ full-width | proportional-width ]
- Initial value
normal- Applies to
- all elements and text
- Inherited
- yes
- Percentages
- n/a
- Computed value
- as specified
- Animation type
- discrete
See specification
JavaScript Access
// Access via element.style
element.style.fontVariant = "normal";
Browser Support
standard | MDN · Spec · Spec
| Feature | Chrome | Firefox | Safari | Edge |
|---|
| font-variant | 1 | 1 | 1 | 12 |
| css_fonts_shorthand | 52 | 34 | 9.1 | 79 |
| greek_accented_characters | — | — | — | — |
| historical-forms | 111 | 34 | 9.1 | 111 |
| none | 52 | 34 | 9 | 79 |
| normal | 1 | 1 | 1 | 12 |
| sub | 110 | 34 | 9.1 | 110 |
| super | 110 | 34 | 9.1 | 110 |
| turkic_is | 31 | 14 | 8 | 12 |
| uppercase_eszett | — | — | — | — |