La font-kerning
propriété CSS définit la manière dont des paires de lettres spécifiques sont espacées.
Vous voyez, les polices contiennent souvent des informations sur la marge de manœuvre d'un personnage sur ses bords gauche et droit.
![](8625129/font-kerning_css-tricks_2.png.webp)
![](8625129/font-kerning_css-tricks_2.png.webp)
Lorsque deux personnages sont placés l'un à côté de l'autre, leurs barres latérales s'additionnent pour former l'espace réel entre les caractères.
![](8625129/font-kerning_css-tricks_3.png.webp)
![](8625129/font-kerning_css-tricks_3.png.webp)
Les concepteurs de polices ajusteront les arêtes latérales entre deux caractères spécifiques afin qu'ils paraissent mieux ensemble. C'est le crénage et c'est ce que la font-kerning
propriété nous laisse décider: si nous voulons utiliser le crénage de la police ou le désactiver complètement. Donc, si la police avec laquelle vous travaillez ne prend pas en charge les données de crénage, cette propriété n'aura aucun effet sur elle.
Syntaxe
font-kerning: auto | normal | none
- Valeur initiale:
auto
- S'applique à: tous les éléments
- Hérité:
- Valeur calculée:
- Type d'animation: discret
Valeurs
font-kerning
accepte les valeurs suivantes:
auto
: Cela permet au navigateur de décider d'utiliser ou non le crénage des polices.normal
: Permet d'utiliser le crénage stocké dans la police.none
: Désactive le crénage.
Démo
Prise en charge du navigateur
Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.
Bureau
Chrome | Firefox | C'EST À DIRE | Bord | Safari |
---|---|---|---|---|
29 * | 34 | Non | 79 | 7* |
Mobile / tablette
Chrome Android | Android Firefox | Android | Safari sur iOS |
---|---|---|---|
88 | 85 | 4,4 * | 8 * |