font-variant-alternates
A property that lets you toggle stylistic alternates in a font (like different ways to draw the letter 'g' or 'a') if the font has multiple versions of those characters.
Quick example
.fancy-g {
/* Uses historical alternates for a vintage feel */
font-variant-alternates: historical-forms;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
discrete
Values
normalstylistichistorical-formsstylesetcharacter-variantswashornamentsannotation font-variant-alternates Browser Support
Widely available Since 2023 92% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
Safe to use without fallbacks.
111+
34+
9.1+
111+