Crénage de police - Astuces CSS

Anonim

La font-kerningproprié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.

Le terme approprié pour l'espacement est celui des côtés.

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.

Le palier latéral droit de A et le palier latéral gauche de V définissent l'espace entre eux.

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-kerningproprié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 *