Propriété CSS font-feature-settings

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

css

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

html

<!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>

Try it Yourself »

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 ?

Elle permet de contrôler l'utilisation de glyphes alternatifs associés aux fonctionnalités des polices OpenType.Elle permet de changer la couleur de la police.Elle permet de changer la taille de la police.Elle vous permet de spécifier plusieurs variantes de glyphes pour n'importe quel caractère.Elle définit l'espacement entre deux lignes de texte

Propriété CSS font-feature-settings ​

Syntaxe ​

Exemple de la propriété font-feature-settings : ​

Valeurs ​

Pratique ​

Propriété CSS font-feature-settings

Syntaxe

Exemple de la propriété font-feature-settings :

Valeurs

Pratique