Propriété CSS font-feature-settings
The font-feature-settings CSS property controls advanced typographic features in OpenType fonts. Read about the property and try examples.
La propriété font-feature-settings contrôle les fonctionnalités typographiques avancées dans les polices OpenType. La propriété accepte normal ou une ou plusieurs paires <feature-tag-value>. normal est la valeur par défaut. Chaque <feature-tag-value> est composé d'une chaîne (le tag de fonctionnalité OpenType) suivie d'un entier (la valeur d'activation). Les mots-clés on et off sont des synonymes de 1 et 0 respectivement. Si aucune valeur n'est spécifiée, la valeur initiale est normal. Plusieurs fonctionnalités peuvent être spécifiées sous forme de liste séparée par des virgules.
De nombreuses autres valeurs, outre les ligatures standard, sont prises en charge par la propriété font-feature-settings, y compris les petites capitales. Cependant, la propriété font-variant: small-caps est la méthode standard pour les activer, il ne faut donc pas utiliser font-feature-settings à cette fin.
Certains préfixes peuvent être nécessaires pour une meilleure prise en charge par les navigateurs.
| Valeur initiale | normal |
|---|---|
| S'applique à | Tous les éléments. Il s'applique également à ::first-letter et ::first-line. |
| Hérité | Oui. |
| Animable | Non. |
| Version | CSS3 |
| Syntaxe DOM | object.style.fontFeatureSettings = "normal"; |
Syntaxe
Syntaxe de la propriété CSS font-feature-settings
font-feature-settings: normal | <feature-tag-value># | initial | inherit;Exemple de la propriété font-feature-settings :
Exemple de la propriété CSS font-feature-settings avec la valeur smcp
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h2 {
font-family: sans-serif;
}
h3 {
font-feature-settings: "smcp" 1;
}
</style>
</head>
<body>
<h2>Font-feature-settings example</h2>
<h3>The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.</h3>
</body>
</html>Valeurs
| Valeur | Description |
|---|---|
| normal | Il s'agit de la valeur par défaut de cette propriété. |
| <feature-tag-value> | Lors du rendu du texte, la liste des valeurs de tag de fonctionnalité OpenType est transmise au moteur de mise en page pour activer ou désactiver les fonctionnalités de la police. |
| initial | Il fait utiliser à la propriété sa valeur par défaut. |
| inherit | Il hérite de la propriété de son élément parent. |
Pratique
À quoi sert la propriété CSS font-feature-settings ?