size-adjust

Baseline 2024

Newly available

Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Le descripteur CSS size-adjust CSS définit un multiplicateur destiné aux contours des glyphes et aux mesures associées à la police. Cela facilite l'harmonisation de l'apparence des polices lorsqu'elles sont rendues avec la même taille.

Le descripteur size-adjust se comporte d'une manière similaire à la propriété font-size-adjust. Il calcule l'ajustement à effectuer par police en faisant la correspondance avec leurs hauteurs respectives.

Syntaxe

css
size-adjust: 90%;

Valeurs

<percentage>

Une valeur exprimée en pourcentage (type <percentage>), avec une valeur initiale de 100%.

Toutes les mesures associées à la police sont mises à l'échelle en utilisant le pourcentage fourni. Cela comprend les glyphes, les tables de hauteur de ligne et surcharge les valeurs fournies par les descripteurs @font-face.

Définition formelle

En lien avec les règles @@font-face
Valeur initiale100%
Pourcentagescomme spécifié
Valeur calculéecomme spécifié

Syntaxe formelle

size-adjust = 
<percentage [0,∞]>

Exemples

Surcharge de la mesure d'une police de recours

La propriété size-adjust peut aider à la surcharge des mesures d'une police de secours pour qu'elles correspondent mieux à celles de la police principale.

css
@font-face {
  font-family: web-font;
  src: url("https://example.com/font.woff");
}

@font-face {
  font-family: local-font;
  src: local(Local Font);
  size-adjust: 90%;
}

Spécifications

Specification
CSS Fonts Module Level 5
# size-adjust-desc

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi