La règle @ @font-feature-values
permet aux auteurs d'utiliser un nom personnalisé dans une règle utilisant la propriété font-variant-alternates
afin de régler finement les caractéristiques OpenType. Elle permet de simplifier les feuilles de style lorsqu'on utilise plusieurs polices.
@font-feature-values Font One {
/* On active la caractéristique nice-style
sur Font One */
@styleset {
nice-style: 12;
}
}
@font-feature-values Font Two {
/* On active la caractéristique nice-style
sur Font Two */
@styleset {
nice-style: 4;
}
}
…
/* Indépendamment de la police */
.nice-look {
font-variant-alternates: styleset(nice-style);
}
La règle @ @font-feature-values
peut être utilisée au plus haut niveau d'une feuille de style et aussi au sein d'un groupe de règles conditionnelles.
Syntaxe
Blocs liés aux caractéristiques
@swash
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
swash()
. Une telle caractéristique est définie avec une seule valeur :ident1: 2
est valide alors queident2: 2 4
est invalide. @annotation
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
annotation()
. Une telle caractéristique est définie avec une seule valeur :ident1: 2
est valide alors queident2: 2 4
est invalide. @ornaments
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
ornaments()
. La caractéristique d'ornement est définie avec une seule valeur :ident1: 2
est valide alors queident2: 2 4
est invalide. @stylistic
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
stylistic()
. Une telle caractéristique est définie avec une seule valeur :ident1: 2
est valide alors queident2: 2 4
est invalide. @styleset
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
styleset()
. Plusieurs valeurs peuvent être utilisées pour cette caractéristique :ident1: 2 4 12 1
correspondra aux valeurs OpenTypess02
,ss04
,ss12
,ss01
. Les valeurs supérieures à99
sont valides mais ne correspondent à aucune valeur OpenType et sont donc ignorées. @character-variant
- Indique le nom d'une caractéristique qui fonctionnera avec la notation fonctionnelle
character-variant()
. Pour cette définition, on peut utiliser une ou deux valeurs :ident1: 2
correspond àcv02=1
etident2: 2 4
correspond àcv02)4
, en revancheident2: 2 4 5
est invalide.
Syntaxe formelle
@font-feature-values <family-name># { <feature-value-block-list> }où
<family-name> = <string> | <custom-ident>+
<feature-value-block-list> = <feature-value-block>+où
<feature-value-block> = <feature-type> '{' <feature-value-declaration-list> '}'
où
<feature-type> = @stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation
<feature-value-declaration-list> = <feature-value-declaration>où
<feature-value-declaration> = <custom-ident>: <integer>+;
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Fonts Module Level 3 La définition de '@font-feature-values' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- La propriété
font-variant-alternates
qui utilise la valeur définie par cette règle @.