font-feature-settings
La propriété font-feature-settings
permet de contrôler les fonctionnalités typographiques des polices OpenType.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Note : Lorsque c'est possible, les auteurs devraient utiliser la propriété raccourcie
Cette propriété est une fonctionnalité bas-niveau permettant de gérer des cas particuliers où il n'y a aucun moyen d'accéder à une fonctionnalité OpenType donnée. Cette propriété CSS ne devrait notamment pas être utilisée pour activer les petites majuscules.
font-variant
ou l'une des propriétés détaillées correspondantes parmi font-variant-ligatures
, font-variant-caps
, font-variant-east-asian
, font-variant-alternates
, font-variant-numeric
ou font-variant-position
.Cette propriété est une fonctionnalité bas-niveau permettant de gérer des cas particuliers où il n'y a aucun moyen d'accéder à une fonctionnalité OpenType donnée. Cette propriété CSS ne devrait notamment pas être utilisée pour activer les petites majuscules.
Syntaxe
/* On utilise le réglage par défaut */
font-feature-settings: normal;
/* On définit la valeur des étiquettes OpenType */
font-feature-settings: "smcp";
font-feature-settings: "smcp" on;
font-feature-settings: "swsh" 2;
font-feature-settings: "smcp", "swsh" 2;
/* Valeurs globales */
font-feature-settings: inherit;
font-feature-settings: initial;
font-feature-settings: unset;
Valeurs
normal
- Le texte est disposé en utilisant les réglages par défaut.
<feature-tag-value>
- Lors du rendu du texte, l'étiquette de fonctionnalité OpenType est passée au moteur afin d'activer ou de désactiver certaines fonctionnalités de la police. L'étiquette est toujours une chaîne (type
<string>
) de 4 caractères ASCII. Si la chaîne contient plus ou moins de 4 caractères ou contient des caractères en dehors de l'intervalle U+20 - U+7E, la déclaration sera considérée comme invalide.
La valeur associée à l'étiquette est un entier positif. Les deux mots-cléson
etoff
sont des synonymes respectifs des valeurs1
et0
. Si aucune valeur n'est donnée pour une étiquette, la valeur par défaut sera1
. Pour les fonctionnalités OpenType qui ne sont pas booléennees, la valeur implique qu'un glyphe donné soit sélectionné.
Syntaxe formelle
Exemples
/* on utilise les glyphes alternatifs en small-cap */
.smallcaps { font-feature-settings: "smcp" on; }
/* on convertit les majuscules et minuscules en petites
capitales */
.allsmallcaps { font-feature-settings: "c2sc", "smcp"; }
/* on utilise les zéros barrés d'une barre oblique afin de
les différencier de "O" */
.nicezero { font-feature-settings: "zero"; }
/* on active les formes historiques */
.hist { font-feature-settings: "hist"; }
/* on désactive les ligatures communément utilisées */
.noligs { font-feature-settings: "liga" 0; }
/* on active les chiffres tabulaires (chasse fixe) */
td.tabular { font-feature-settings: "tnum"; }
/* on active les fractions automatiques */
.fractions { font-feature-settings: "frac"; }
/* on utilise le deuxième caractère de « swash » */
.swash { font-feature-settings: "swsh" 2; }
/* On active l'ensemble stylistique 7 */
.fancystyle {
font-family: Gabriola; /* Windows 7 et Mac OS */
font-feature-settings: "ss07";
}
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Fonts Module Level 3 La définition de 'font-feature-settings' dans cette spécification. |
Recommendation | Définition initiale. |
Valeur initiale | normal |
---|---|
Applicabilité | tous les éléments. S'applique aussi à ::first-letter et ::first-line . |
Héritée | oui |
Valeur calculée | comme spécifié |
Type d'animation | discrète |
Compatibilité des navigateurs
BCD tables only load in the browser