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

chrome edge firefox safari opera
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?
Trouvez-vous cela utile?