font-feature-settings

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS font-feature-settings permet un contrôle des fonctions typographiques avancées des fontes OpenType.

Note : il est conseillé aux auteurs d'utiliser la propriété font-variant dès et autant que possible. Cette propriété a été conçue pour manier les cas spéciaux lorsqu'aucune autre manière d'activer ou d'accéder aux fonctions des fontes OpenType n'est disponible.

En particulier, cette propriété CSS ne doit pas être utilisée pour activer les petites capitales.

Syntaxe

font-feature-settings : normal | <feature-tag-value> [, <feature-tag-value>]*

<feature-tag-value> est <chaîne> [ <entier> | on | off ]?.

normal
Le texte est affiché selon les réglages par défaut.
<feature-tag-value>
Lorsque le texte est affiché, la liste des étiquettes de fonctions OpenType est envoyée au moteur de rendu du texte pour activer ou désactiver les fonctions des fontes. Une étiquette est toujours une <string> de 4 caractères ASCII. Si elle compte plus ou moins de caractères, ou des caractères en dehors de l'ensemble délimité par U+20 et U+7E, la propriété est invalide.
La valeur est un entier positif. Les deux mots clés on et off sont des synonymes pour 1 et 0 respectivement. Si aucune valeur n'est définie, la valeur par défaut est 1. Pour les fonctions OpenType non booléennes (p. ex. alternatives stylistiques), la valeur implique qu'un glyphe particulier soit sélectionné ; pour les valeur booléennes, c'est une permutation.

Exemples

/* utilise les glyphes alternatifs de petites capitales */
.smallcaps { font-feature-settings: "smcp" on; }

/* convertit les capitales et minuscules en petites capitales (affecte aussi la ponctuation) */
.allsmallcaps { font-feature-settings: "c2sc", "smcp"; }

/* active les formes historiques */
.hist { font-feature-settings: "hist"; }

/* désactive les ligatures courantes, habituellement actives par défaut */
.noligs { font-feature-settings: "liga" 0; }

/* active les chiffres tabulés (à chasse fixe) */
td.tabular { font-feature-settings: "tnum"; }

/* active les fractions automatiques */
.fractions { font-feature-settings: "frac"; }

/* utilise le second caractère « swash » disponible */
.swash { font-feature-settings: "swsh" 2; }

/* active l'ensemble stylistique 7 */
.fancystyle {
  font-family: Gabriola; /* available on Windows 7, and on Mac OS */
  font-feature-settings: "ss07";
}

Spécificat​ions

Spécification Statut Commentaire
CSS Fonts Module Level 3 Candidate Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base 16.0 (voir note)-webkit 4.0 (2.0) (voir note)-moz 10.0 Pas de support Pas de support
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale