BASELINE NowYouCanUse.com
Widely Available Fonts

font-variant-alternates

The font-variant-alternates CSS property, along with the @font-feature-values at-rule, chooses when to use a font's alternate glyphs.
Baseline Status: Achieved Widely Available on Sep 13, 2025 (Cross-browser Newly Available since Mar 13, 2023).
Desktop Browser Engine Support
Google Chrome
111
Supported
Mozilla Firefox
34
Supported
Apple Safari
9.1
Supported
Microsoft Edge
111
Supported
Mobile Browser Engine Support
Chrome Android
111
Firefox Android
34
Safari iOS
9.3
Specifications and References
Specification ↗ Can I Use (font-variant-alternates) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.CSSFontFeatureValuesMap ↗ api.CSSFontFeatureValuesMap.@@iterator ↗ api.CSSFontFeatureValuesMap.clear ↗ api.CSSFontFeatureValuesMap.delete ↗ api.CSSFontFeatureValuesMap.entries ↗ api.CSSFontFeatureValuesMap.forEach ↗ api.CSSFontFeatureValuesMap.get ↗ api.CSSFontFeatureValuesMap.has ↗ api.CSSFontFeatureValuesMap.keys ↗ api.CSSFontFeatureValuesMap.set ↗ api.CSSFontFeatureValuesMap.size ↗ api.CSSFontFeatureValuesMap.values ↗ api.CSSFontFeatureValuesRule ↗ api.CSSFontFeatureValuesRule.annotation ↗ api.CSSFontFeatureValuesRule.characterVariant ↗ api.CSSFontFeatureValuesRule.fontFamily ↗ api.CSSFontFeatureValuesRule.ornaments ↗ api.CSSFontFeatureValuesRule.styleset ↗ api.CSSFontFeatureValuesRule.stylistic ↗ api.CSSFontFeatureValuesRule.swash ↗ css.at-rules.font-feature-values ↗ css.at-rules.font-feature-values.annotation ↗ css.at-rules.font-feature-values.character-variant ↗ css.at-rules.font-feature-values.historical-forms ↗ css.at-rules.font-feature-values.ornaments ↗ css.at-rules.font-feature-values.styleset ↗ css.at-rules.font-feature-values.stylistic ↗ css.at-rules.font-feature-values.swash ↗ css.properties.font-variant-alternates ↗ css.properties.font-variant-alternates.annotation ↗ css.properties.font-variant-alternates.character_variant ↗ css.properties.font-variant-alternates.historical-forms ↗ css.properties.font-variant-alternates.normal ↗ css.properties.font-variant-alternates.ornaments ↗ css.properties.font-variant-alternates.styleset ↗ css.properties.font-variant-alternates.stylistic ↗ css.properties.font-variant-alternates.swash ↗
id: font-variant-alternates