Aller au contenu

Propriété font-kerning CSS

La propriété font-kerning contrôle l'utilisation des informations de crénage stockées dans une police. Le crénage définit l'espacement des lettres.

Le crénage spécifie comment les lettres sont espacées. Il rend l'espacement des caractères plus agréable à l'œil et plus facile à lire.

Valeur initialeauto
S'applique àTous les éléments. S'applique également à ::first-letter et ::first-line.
HéritéeOui.
AnimableNon.
VersionCSS3
Syntaxe DOMobject.style.fontKerning = "none";

Syntaxe

Syntaxe de la propriété CSS font-kerning

css
font-kerning: auto | normal | none;

Exemple de la propriété font-kerning :

Exemple de la propriété CSS font-kerning avec les valeurs normal et auto

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div {
        font-family: serif;
        font-size: 20px;
      }
      div.example1 {
        font-kerning: normal;
      }
      div.example2 {
        font-kerning: auto;
      }
    </style>
  </head>
  <body>
    <h2>Font-kerning property example</h2>
    <div class="example1">The text is with font kerning.</div>
    <div class="example2">The text is without font kerning.</div>
  </body>
</html>

Valeurs

ValeurDescription
autoCela dépend du navigateur si le font-kerning doit être défini ou non. Il s'agit de la valeur par défaut de la propriété.
normalDéfinit le crénage de la police.
noneNe définit pas le crénage de la police.

Pratique

Qu'est-ce que le Font-Kerning en CSS ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.