Propriété CSS font-variant-alternates

La propriété font-variant-alternates contrôle la section des glyphs alternatifs.

Ces glyphs alternatifs peuvent être référencés par les noms alternatifs définis dans @font-feature-values.

Valeur initiale	normal
Appliquée à	Tous les éléments. Elle est aussi appliquée ::first-letter et ::first-line.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.fontVariantAlternates = "normal";

Syntaxe

font-variant-alternates: normal | historical-forms | stylistic() | styleset() | character-variant() | swash() | ornaments() | annotation();

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style> 
      @font-feature-values "Leitura Display Swashes" {
      @swash { fancy: 1 }
      }
      p {
      font-size: 2rem;
      }
      .variant {
      font-family: Leitura Display Swashes;
      font-variant-alternates: swash(fancy);
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-variant-alternates</h2>
    <p>Seulement Firefox supporte cette propriété.</p>
    <p class="variant">Seulement Firefox supporte cette propriété.</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
normal	Tous les glyphs sont désactivés.
historical forms	Active l'affichage des formes historiques.
stylistic()	Active l'affichage des suppléants stylistiques.
styleset()	Active l'affichage avec ensembles stylistiques.
character-variant()	Active suppléants stylistiques spécifiques pour les caractères.
swash()	Active les glyphes swash.
ornaments()	Active l'affichage des ornements.
annotation()	Active l'affichage des annotations.
initial	Fait la propriété utiliser sa valeur initiale.
inherit	Hérite la propriété de son élément parent.