@font-feature-values
Baseline 2023
Newly available
Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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 =
@font-feature-values <family-name># { <declaration-rule-list> }
<family-name> =
<string> |
<custom-ident>+
Spécifications
Specification |
---|
CSS Fonts Module Level 4 # font-feature-values |
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 @.