Ajustement de la taille de la police - Astuces CSS

Cette propriété donne aux développeurs la possibilité de définir le font-sized'un élément en fonction de la taille de ses lettres minuscules, plutôt que des lettres majuscules.

.element ( font-size: 22px; font-size-adjust: .5; )

Dans ce cas, les lettres minuscules de la police auraient une hauteur de 11 px, puisque 22 x 0,5 = 11.

Lors du chargement de polices, il est probable qu'il y ait un rapport hauteur / largeur différent entre les lettres minuscules d'une police de remplacement et la police nouvellement chargée, il font-size-adjustest donc utile de contrôler la quantité de redistribution lorsque nous déclarons un nouveau font-familyet voyons le Flash of Unstyled Text (FOUT).

Dans la démo ci-dessous, il est possible d'activer et de désactiver cette propriété pour montrer en quoi une police Web comme Chaparral diffère de la hauteur x et de l'alignement des caractères dans Times, la police de secours. Mais attention, cette propriété n'est supportée que par un petit nombre de navigateurs pour le moment.

Cela peut avoir des effets dramatiques lorsqu'il est défini sur de grandes parties du corps du texte et améliorer considérablement le scintillement qui se produit lors du basculement entre la police de secours et la police nouvellement chargée:

Plus d'information

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.