font-size-adjust - Propriété CSS
Résumé des caractéristiques de la propriété font-size-adjust
none
none
font-size-adjust
passe progressivement d'une valeur à une autre.Description de la propriété font-size-adjust
.
Pour l'instant, seul Firefox traite cette propriété (février 2022).
La propriété font-size-adjust
définit un coefficient d'ajustement de la taille des caractères.
Cette propriété est surtout utile pour homogénéiser la taille des caractères entre la police choisie par le développeur et la police que le navigateur peut employer si la police demandée n'est pas disponible.
Plus précisément, font-size-adjust
ajuste le ratio entre la hauteur des minuscules et la taille
de la police. Ce ratio s'appelle en anglais aspect value
ou encore aspect ratio
.
En français, on peut parler du coefficient d'aspect
ou du ratio d'aspect
.
Ce coefficient est défini pour chaque police et en principe indiqué dans les spécifications.
Nous donnons plus bas cette valeur pour les polices courantes.
Sur les exemples ci-dessous, trois polices sont affichées dans la même taille.
Les trois premiers échantillons montrent que la hauteur des minuscules est différente d'une police à l'autre.
La propriété font-size-adjust
a été appliquée sur la deuxième série d'échantillons : la hauteur des minuscules est maintenant identique pour les trois polices.
Si vous ne constatez pas de différence, c'est que votre navigateur ne traite pas font-size-adjust
.
Pas d'ajustement
Avec ajustement
Simulation du résultat de
font-size-adjust
(pour les navigateurs qui ne traitent pas cette propriété)
Reportez-vous également au descripteur size-adjust
qui traite de la même notion, et qui est utilisable dans la syntaxe de la directive @font-face
.
Syntaxes pour font-size-adjust
.
number
est un nombre positif ou nul, sans unité.
- font-size-adjust: none;
Valeur par défaut. Aucun coefficient d'ajustement n'est utilisé.
- font-size-adjust: ex-height;
Le coefficient d'ajustement est calculé en divisant la hauteur du caractère
x
par la taille de la police. - font-size-adjust: cap-height;
Le coefficient d'ajustement est calculé en divisant la hauteur des petites capitales par la taille de la police.
- font-size-adjust: ch-width;
Normalise la largeur des caractères en se basant sur la largeur du zéro.
- font-size-adjust: ic-width; font-size-adjust: ic-height;
Normalise la largeur des caractères en se basant sur la largeur ou la hauteur du caractère 水 (caractère CJK qui représente l'eau).
- font-size-adjust: from-font;
Applique le coefficient d'ajustement défini dans la police de caractères.
- font-size-adjust: 0.54;
Un nombre sans unité, supérieur à 0 et inférieur à 1 (fréquemment autour de 0.5). La taille des caractères est ajustée, en fonction du nombre indiqué, de façon à ce que les minuscules aient la même taille que celles de la police demandée. Rappelons que
font-size-adjust
est utile lorsque la police demandée n'est pas disponible et que le navigateur choisit une police de substitution.La bonne valeur pour
font-size-adjust
est donc égale au ratio minuscules/majuscules de la police demandée. - font-size-adjust:
initial
; font-size-adjust:inherit
; font-size-adjust:revert
; font-size-adjust:revert-layer
; font-size-adjust:unset
;La valeur initiale est :
.none
Coefficients d'aspect des principales polices.
Police | Coefficient d'aspectfont-size-adjust |
Échantillon |
---|---|---|
Arial | 0.48 | Arial |
Arial Black | 0.66 | Arial Black |
Baskerville | 0.48 | Baskerville |
Book Antiqua | 0.47 | Book Antiqua |
Bookman Old Style | 0.56 | Bookman Old Style |
Century | 0.50 | Century |
Century Gothic | 0.49 | Century Gothic |
Century Schoolbook | 0.50 | Century Schoolbook |
Corsiva | 0.57 | Corsiva |
Courier New | 0.50 | Courier New |
Didot | 0.49 | Didot |
Futura | 0.37 | Futura |
Garamond | 0.44 | Garamond |
Geneva | 0.48 | Geneva |
Georgia | 0.49 | Georgia |
Helvetica | 0.49 | Helvetica |
Impact | 0.45 | Impact |
Lucida Console | 0.52 | Lucida Console |
Lucida Grande | 0.52 | Lucida Grande |
Palatino | 0.47 | Palatino |
Tahoma | 0.49 | Tahoma |
Times New Roman | 0.48 | Times New Roman |
Trebuchet MS | 0.49 | Trebuchet MS |
Verdana | 0.53 | Verdana |
Animation de la propriété font-size-adjust
.
Le premier exemple montre l'animation de la propriété font-size-adjust
.
Au premier regard, on peut avoir l'impression que c'est simplement la taille des caractères qui changent.
Pourtant si on compare avec le deuxième cadre, qui lui est animé sur le propriété font-size
,
on voit que le résultat n'est pas le même.
font-size-adjust
font-size
Simulateur.
L'échantillon de texte ci-dessous est écrit dans trois polices différentes, mais dans la même taille.
Lorsque font-size-adjust
est sur none
, on voit nettement des différences de
taille entre les lettres mnuscules de chacune de ces polices.
En choisissant une autre valeur que none
on améliore l'homogénéité du texte entre
les différents polices.
(2) Pangramme utilisé par l'armée suisse pour tester le clavier des téléscripteurs (Wikipedia).
Prise en charge par les navigateurs (compatibilité).
De nombreux problèmes de compatibilité existent encore sur la propriété font-size-adjust
(2023).
font-size-adjust
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome pour Androïd
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que font-size-adjust
.
Les spécifications CSS éditées par le W3C sont organisées en modules. font-size-adjust
fait partie du Module CSS - Polices de caractères (CSS Fonts Module). Les définitions suivantes sont également décrites dans ce même module.