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 que ident2: 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 que ident2: 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 que ident2: 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 que ident2: 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 OpenType ss02, 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 et ident2: 2 4 correspond à  cv02)4, en revanche ident2: 2 4 5 est invalide.

Syntaxe formelle

@font-feature-values <family-name># {
  <feature-value-block-list>
}


<family-name> = <string> | <custom-ident>+
<feature-value-block-list> = <feature-value-block>+


<feature-value-block> = <feature-type> { <feature-value-declaration-list> }


<feature-type> = @stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation
<feature-value-declaration-list> = <feature-value-declaration>


<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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Non Non

34

241

Non Non9.1
@annotation Non Non

34

241

Non Non9.1
@character-variant Non Non

34

241

Non Non9.1
@historical-forms Non Non

34

241

Non Non9.1
@ornaments Non Non

34

241

Non Non9.1
@styleset Non Non

34

241

Non Non9.1
@stylistic Non Non

34

241

Non Non9.1
@swash Non Non

34

241

Non Non9.1
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Non Non Non

34

241

Non9.3 Non
@annotation Non Non Non

34

241

Non9.3 Non
@character-variant Non Non Non

34

241

Non9.3 Non
@historical-forms Non Non Non

34

241

Non9.3 Non
@ornaments Non Non Non

34

241

Non9.3 Non
@styleset Non Non Non

34

241

Non9.3 Non
@stylistic Non Non Non

34

241

Non9.3 Non
@swash Non Non Non

34

241

Non9.3 Non

1. From version 24: this feature is behind the layout.css.font-features.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,