Règle CSS font-feature-values

❮ Précédent Suivant ❯

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>

Essayez-vous-même!

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.