MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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é Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple ? 34 (34) [1] ? ? ?
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple ? 34.0 (34) [1] ? ? ?

[1] Une implémentation expérimentale des polices CSS de niveau 3 était disponible depuis Gecko 24 via la préférence layout.css.font-features.enabled qui était activée par défaut sur les canaux Nightly et Aurora.

Voir aussi

Étiquettes et contributeurs liés au document

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