w3docs logo

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

chrome edge firefox safari opera
34.0+ 9.1+
Trouvez-vous cela utile?