Règle CSS font-feature-values

Le règle @font-feature-values définit un nom personnalisé pour quelque caractéristiques de fonte de la famille de fonte.

Le règle @font-feature-values peut contenir n'importe quelle des valeurs suivantes :

  • @annotation
  • @ornaments
  • @stylistic
  • @styleset
  • @character-variant
Valeur initiale swash
Appliquée à Tous les éléments.
Héritée Oui.
Animable Non.
Version CSS3
Syntaxe DOM object.style.fontFeatureValues = "swash";

Syntaxe

@font-feature-values: @swash | @annotation | @ornaments | @stylistic | @styleset | @character-variant;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document </title>
    <style>
      @font-feature-values "Leitura Display Swashes" {
      @swash { fancy: 1 }
      }
      p {
      font-size: 1.5rem;
      }
      .variant {
      font-family: Leitura Display Swashes;
      font-variant-alternates: swash(fancy);
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété @Font-feature-values</h2>
    <p>
      La propriété CSS font-variant-alternates contrôle l'utilisation des glyphes alternatifs. Ces autres glyphes peuvent être référencés par des noms alternatifs définis dans @ font-feature-values.
    </p>
    <p>Cette propriété est supportée par Firefox et Safari.</p>
    <p class="variant">Cette propriété est supportée par Firefox et Safari.</p>
  </body>
</html>

Valeurs

Valeur Description
@swash Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle swash() de font-variant-alternates. Une seule valeur est autorisée.
@annotation Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle annotation() de font-variant-alternates. Une seule valeur est autorisée.
@ornaments Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle ornaments() de font-variant-alternates. Une seule valeur est autorisée.
@stylistic Specifies a feature name that works with the stylistic() functional notation of font-variant-alternates. Only one value is allowed.
@styleset Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle stylistic() de font-variant-alternates. Nombre des valeurs est limité.
@character-variant Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle character-variant() de font-variant-alternates. Une ou deux valeurs sont autorisées.
initial Fait la propriété utiliser sa valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

34.0+ 9.1+


Trouvez-vous cela utile?

Articles Associées