Propriété CSS font-feature-settings
La propriété font-feature-settings contrôle les fonctionnalités typographiques des polices OpenType. Cette propriété a deux valeurs: normal et <feature-tag-value>. "Normal" est la valeur initiale. La valeur <feature-tag-value> est un entier positif. Les deux mots-clés "on" et "off" sont synonymes pour "1" et "0" respectivement. Si aucun valeur n'est définie, la valeur par défaut est "1".
Beaucoup d'autres valeurs, aussi que les ligatures standardes, sont supportés par la propriété font-feature-settings, y compris les petites capitales. En particulier, font-feature-settings ne doit pas être utilisée pour activer les petites capitales.
Valeur initiale | normal |
Appliquée à | Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line. |
Héritée | Oui. |
Animable | Non. |
Version | CSS3 |
Syntaxe DOM | object.style.fontFeatureSettings = "normal"; |
Syntaxe
font-feature-settings: normal | <feature-tag-value> | initial | inherit;
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
h2 {
font-family: sans-serif;
}
h3 {
font-feature-settings: "smcp" 1
}
</style>
</head>
<body>
<h2>Exemple de font-feature-settings</h2>
<h3>La propriété CSS font-feature-settings contrôle les fonctionnalités typographiques des polices OpenType.</h3>
</body>
</html>
Valeurs
Valeur | Description |
---|---|
normal | C'est la valeur initiale de cette propriété. |
<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. |
initial | Fait la propriété utiliser sa valeur initiale. |
inherit | Hérite la propriété de son élément parent. |
Support de Navigateurs
48.0+ 21.0-47.0 -webkit- |
12.0+ |
34.0+ 15.0-33.0 -moz- |
9.1+ |
35.0+ 15.0-34.0 -webkit- |
Pratiquez vos connaissances
Comment pouvez-vous utiliser la propriété 'font-feature-settings' en CSS?
Correcte!
Incorrecte!