The font-variant-alternates property controls alternate glyph forms — stylistic, historical, swash, ornaments, annotations, etc. The font must provide these alternates, and named sets are defined via @font-feature-values..decorated {
font-variant-alternates: historical-forms;
}h1 {
font-variant-alternates: styleset(my-set-1, my-set-2) swash(fancy);
}normalNo special alternates (default).historical-formsEnable historical letterforms.stylistic()Takes — single stylistic alternate from a @font-feature-values set.styleset()Takes a list of names — a full stylistic set.character-variant()Takes a list of names — specific character variants.swash()Takes a name — decorative swash forms.ornaments()Takes a name — graphic ornaments from the font.annotation()Takes a name — annotation forms (e.g. circled numbers).CSS Fonts Module Level 4Editor's DraftW3CMDNCSS css ABCDEFG abcdefgShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
