Toutes les polices ont un rapport hauteur / largeur (ou valeur). Les valeurs d'aspect de la police sont calculées en divisant la hauteur x minuscule de la police par la taille de la police. Lorsque vous avez cette valeur, vous pouvez utiliser la propriété de style fontSizeAdjust en CSS3 pour spécifier la valeur d'aspect de la police préférée utilisée pour afficher votre site Web.
Lorsque votre site Web est visualisé sur des ordinateurs sur lesquels votre police préférée n'est pas utilisée, la propriété fontSizeAdjust est utilisée pour sélectionner la taille de police la mieux adaptée à la police de remplacement.
Cette propriété conserve l'apparence de vos pages et rend votre type lisible même si la police de votre choix n'est pas disponible
À propos de la propriété fontSizeAdjust
L'utilisation de la propriété fontSizeAdjust vous permet de contrôler la substitution de police lorsque cela est nécessaire. Lorsque la police de premier choix n'est pas disponible, le navigateur utilise la deuxième police spécifiée, ce qui entraîne souvent un grand changement de taille. La lisibilité d'une police de caractères dépend davantage de la taille des lettres minuscules que de celle des lettres majuscules. Lorsque le navigateur connaît la valeur d’aspect de votre police préférée, il peut mieux déterminer la taille à utiliser lors de l’affichage de la page dans la police de deuxième choix.
Voici un exemple qui ajuste la taille de la police à l'aide du format de 0,58, qui correspond au format de Verdana. Si Verdana n’est pas disponible sur un ordinateur, le navigateur redimensionne la police de remplacement afin qu’elle contienne des lettres minuscules de taille similaire pour une lisibilité optimale.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Remarque: à la date de publication, seul Mozilla Firefox prend totalement en charge la propriété fontSizeAdjust.
Ratios d'aspect des polices communes
Ce tableau présente les calculs des ratios d’aspect de plusieurs familles de polices populaires.
| Police de caractère | Ratio d'aspect |
|---|---|
| Arial | 0.52 |
| Avant garde | 0.45 |
| Bookman | 0.40 |
| Calibri | 0.47 |
| Century Schoolbook | 0.48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| Courrier | 0.43 |
| Courier New | 0.42 |
| Garamond | 0.38 |
| Géorgie | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Trébuchet | 0.52 |
| Verdana | 0.58 |
