Attribut font-size-adjust CSS

Définition et utilisation

L'attribut 'font-size-adjust' définit une valeur d'aspect pour un élément, de sorte que l'on peut maintenir l'x-height de la police préférée.

Explication

Le rapport de hauteur de la lettre minuscule "x" à la hauteur de la police "font-size" est appelé la valeur aspect d'une police. Lorsque la valeur aspect d'une police est élevée, il est plus facile de lire lorsque cette police est définie à une très petite taille. Exemple : Le rapport aspect de Verdana est de 0.58 (ce qui signifie que lorsque la taille de la police est de 100px, son x-height est de 58px). Le rapport aspect de Times New Roman est de 0.46. Cela signifie que Verdana est plus facile à lire à petite taille que Times New Roman.

Voir également :

Tutoriel CSS :Polices CSS

Manuel de référence CSS :Attribut font CSS

Manuel de référence HTML DOM :Attribut fontSizeAdjust

Exemple

Définir la propriété font-size-adjust de différents éléments HTML :

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Essai personnel

Syntaxe CSS

font-size-adjust: number|none|initial|inherit;

Valeur de l'attribut

Valeur Description
none Par défaut. Si cette police n'est pas disponible, elle ne conserve pas l'x-height de cette police.
number

Définir le rapport de ratio aspect de la police.

Formule utilisable :

Taille de la police de la police préférée * (valeur font-size-adjust / valeur aspect de la police disponible) = taille de la police appliquée à la police disponible

Exemple :

Si 14px de Verdana (le rapport aspect est de 0.58) n'est pas disponible, mais que le rapport aspect d'une police disponible est de 0.46, la taille de la police de remplacement sera 14 * (0.58/0.46) = 17.65px.

Détails techniques

Valeur par défaut : none
Héritabilité : oui
Version : CSS2
Syntaxe JavaScript : object.style.fontSizeAdjust="0.70"

Essai interactif

Utilisation de font-size-adjust pour définir la taille de la police
cet exemple montre comment utiliser font-size-adjust pour définir la taille de la police.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété entièrement.

Chrome IE / Edge Firefox Safari Opera
non pris en charge non pris en charge 3.0 non pris en charge non pris en charge