La propriété CSS font-size-adjust est disponible dans Chrome aujourd'hui.
et fait partie de Baseline Newly Available. Cette propriété permet d'éviter
de votre mise en page lors du chargement
des polices de remplacement
la lisibilité des polices de remplacement avec des tailles de police plus petites. font-size-adjust
fait partie de
Interop 2024,
Il s'agit donc d'une autre victoire pour les efforts d'amélioration de l'interopérabilité
Google Cloud.
Problème
Lorsque vous comparez deux polices de même taille, en fonction de leur forme et de leur taille des glyphes, le texte affiché peut occuper un espace très différent. Par exemple, la démo suivante présente du texte en Verdana et en Arial, tous deux définis sur 16 pixels.
La différence de taille s'explique par le fait que les valeurs d'aspect, la hauteur des lettres minuscules par rapport aux lettres majuscules dans une police d’écriture, varie selon les polices.
Cela peut entraîner deux problèmes lorsqu'une police avec une valeur d'aspect différente est utilisée en remplacement. Tout d'abord, l'espace occupé par la police change. Deuxièmement, votre choix de police de remplacement peut être moins lisible que celui spécifié, en particulier pour les petites tailles de police. En effet, la hauteur relative des lettres minuscules et des majuscules est un facteur clé lisibilité.
Avantages de font-size-adjust
La propriété font-size-adjust vous permet d'ajuster votre police de remplacement pour mieux
correspondent à la première police. L'exemple suivant montre les deux polices affichées
précédemment, cette fois, la deuxième police a été ajustée pour correspondre à la première.
font-size-adjust.Cet exemple utilise une valeur unique, un nombre, qui ajuste les polices à l'aide de la propriété
la métrique de police par défaut de ex-height. Il s'agit du rapport de la hauteur x, le
hauteur d'un x minuscule
dans la police à la taille de police. Vous pouvez également spécifier la police
la métrique utilisée. Dans l'exemple suivant, j'ai normalisé les polices à l'aide de la
Mot clé ch-width, en plus du nombre.
font-size-adjust avec la métrique de police ch-width.Pour voir toutes les valeurs possibles, consultez la
Documentation MMD pour font-size-adjust
Nous vous conseillons d'examiner votre site
à l'aide de la police de remplacement et de
l'ajustement avec font-size-adjust peut aider les lecteurs qui utilisent la police de remplacement.
bénéficier d'une meilleure expérience, surtout maintenant qu'elle est disponible partout !