@font-feature-values

La rè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 descripteur font-display.

Blocs liés aux caractéristiques

@swash

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

@annotation

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

@ornaments

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

@stylistic

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

@styleset

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle styleset() de font-variant-alternates. Une définition de valeur de fonctionnalité styleset accepte un nombre illimité de valeurs : ident1: 2 4 12 1 correspond aux valeurs OpenType ss02, ss04, ss12 et ss01. 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 fonctionnelle character-variant() de font-variant-alternates. Une définition de valeur de fonctionnalité character-variant accepte une ou deux valeurs : ident1: 3 correspond à cv03=1, et ident2: 2 4 correspond à cv02=4, mais ident2: 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.