Larègle @CSS@font-feature-values permet d'utiliser un nom commun dans la propriétéfont-variant-alternates pour des fonctionnalités activées différemment en OpenType. Cela peut simplifier votre CSS lorsque vous utilisez plusieurs polices.

La règle@font-feature-values peut être utilisée soit au début de votre CSS, soit à l'intérieur de n'importe quelle règle conditionnelle CSS.

Syntaxe

@font-feature-values Font Name {  font-display: swap;  @styleset {    nice-style: 12;  }  @swash {    fancy: 2;  }}

Chaque bloc@font-feature-values peut contenir une liste de blocs de valeurs de fonctionnalités (listés ci-dessous), ainsi que le descripteurfont-display.

Blocs liés aux caractéristiques

@swash

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelleswash() defont-variant-alternates. Une définition de valeur de fonctionnalité swash n'accepte qu'une seule valeur :ident1: 2 est valide, maisident2: 2 4 ne l'est pas.

@annotation

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelleannotation() defont-variant-alternates. Une définition de valeur de fonctionnalité annotation n'accepte qu'une seule valeur :ident1: 2 est valide, maisident2: 2 4 ne l'est pas.

@ornaments

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelleornaments() defont-variant-alternates. Une définition de valeur de fonctionnalité ornaments n'accepte qu'une seule valeur :ident1: 2 est valide, maisident2: 2 4 ne l'est pas.

@stylistic

Définit un nom de fonctionnalité utilisable avec la notation fonctionnellestylistic() defont-variant-alternates. Une définition de valeur de fonctionnalité stylistic n'accepte qu'une seule valeur :ident1: 2 est valide, maisident2: 2 4 ne l'est pas.

@styleset

Définit un nom de fonctionnalité utilisable avec la notation fonctionnellestyleset() defont-variant-alternates. Une définition de valeur de fonctionnalité styleset accepte un nombre illimité de valeurs :ident1: 2 4 12 1 correspond aux valeurs OpenTypess02,ss04,ss12 etss01. Les valeurs supérieures à99 sont valides mais ne correspondent à aucune valeur OpenType et sont ignorées.

@character-variant

Définit un nom de fonctionnalité utilisable avec la notation fonctionnellecharacter-variant() defont-variant-alternates. Une définition de valeur de fonctionnalité character-variant accepte une ou deux valeurs :ident1: 3 correspond àcv03=1, etident2: 2 4 correspond àcv02=4, maisident2: 2 4 5 est invalide.

Syntaxe formelle

@font-feature-values =
  @font-feature-values<family-name># {<declaration-rule-list> }

<family-name> =
<string>|
<custom-ident>+

Exemples

Utiliser @styleset dans une règle @font-feature-values

/* Règle pour « nice-style » dans Font One */@font-feature-values Font One {  @styleset {    nice-style: 12;  }}/* Règle pour « nice-style » dans Font Two */@font-feature-values Font Two {  @styleset {    nice-style: 4;  }}/* Appliquer les règles avec une seule déclaration */.nice-look {  font-variant-alternates: styleset(nice-style);}

Specifications

Compatibilité des navigateurs

Voir aussi

• La propriétéfont-variant-alternates qui utilise les valeurs définies par cette règle.