Propriété CSS font-size-adjust

La propriété font-size-adjust contrôle la manière dont la taille de la police est calculée lorsqu'une police de secours est utilisée. Elle garantit que la hauteur-x de la police de secours correspond à la hauteur-x de la police principale, maintenant ainsi une lisibilité constante.

La propriété font-size-adjust est une propriété CSS2.1.

Toutes les polices possèdent une « valeur d'aspect », qui correspond au rapport entre la hauteur-x et la hauteur-em. Cette valeur peut être trouvée dans la documentation de la police ou calculée à l'aide d'outils en ligne. Par exemple, Georgia a une valeur d'aspect d'environ 0,52, tandis que Verdana est d'environ 0,58.

Valeur initiale	none
S'applique à	Tous les éléments. S'applique également à ::first-letter et ::first-line.
Héritée	Oui.
Animable	Oui.
Version	CSS2.1
Syntaxe DOM	object.style.fontSizeAdjust = "0.5";

Note : font-size-adjust est considéré comme obsolète pour le développement web moderne. Firefox a supprimé le support dans la version 119 (2023), et il n'a jamais été pris en charge dans Chrome, Safari ou Edge. Pour des alternatives modernes, envisagez d'utiliser font-optical-sizing ou d'ajuster manuellement font-size avec des requêtes média.

Syntaxe

Syntaxe de la propriété CSS font-size-adjust

css

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

Exemple de la propriété font-size-adjust :

Exemple de la propriété CSS font-size-adjust avec une valeur numérique

html

<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document </title>
    <style>
      div.a {
        font-family: Georgia, Verdana, sans-serif;
      }
      div.b {
        font-family: Verdana, Georgia, sans-serif;
      }
      #box-one,
      #box-two {
        font-size-adjust: 0.52;
      }
    </style>
  </head>
  <body>
    <h1>Font-size-adjust property example</h1>
    <h2>Two divs with the same font-size-adjust property:</h2>
    <div id="box-one" class="a">
      This demonstrates how the primary font renders when available.
    </div>
    <div id="box-two" class="b">
      Here the fallback font takes precedence in the font stack.
    </div>
    <h2>Two divs without the font-size-adjust property:</h2>
    <div class="a">
      Without adjustment, the fallback font may appear significantly larger or smaller.
    </div>
    <div class="b">
      The font-size-adjust property ensures visual consistency across different typefaces.
    </div>
  </body>
</html>

Try it Yourself »

Valeurs

Valeur	Description
none	Aucun ajustement de taille de police. Il s'agit de la valeur par défaut de la propriété.
number	Un nombre positif représentant le rapport d'aspect (hauteur-x divisée par hauteur-em).
initial	Définit la valeur par défaut de la propriété.
inherit	Hérite la propriété de son élément parent.

Compatibilité des navigateurs

Navigateur	Support
Chrome	Aucun support
Firefox	1.5–118 (supprimé dans la v119)
Safari	Aucun support
Edge	Aucun support
Opera	Aucun support

Pratique

Quelle est la fonction principale de la propriété 'font-size-adjust' en CSS ?

Elle contrôle le gras d'une police.Elle préserve la hauteur-x d'une police et garantit qu'elle n'est pas déformée lors du changement.Elle ajuste la couleur de la police.Elle veille à ce que la lisibilité des lettres minuscules soit préservée lors du changement de police.Elle redimensionne la police pour qu'elle s'adapte à la largeur de la fenêtre d'affichage.

Propriété CSS font-size-adjust ​

Syntaxe ​

Exemple de la propriété font-size-adjust : ​

Valeurs ​