Questa proprietà offre agli sviluppatori la possibilità di impostare la font-sizedi un elemento a seconda della dimensione delle sue lettere minuscole, piuttosto che delle lettere maiuscole.
.element ( font-size: 22px; font-size-adjust: .5; )In questo caso le lettere minuscole del carattere sarebbero 11px di altezza, poiché 22 x .5 = 11.
Quando si caricano i caratteri, è probabile che ci sia un rapporto di aspetto diverso tra le lettere minuscole di un carattere di riserva e il carattere tipografico appena caricato, quindi font-size-adjustè utile controllare la quantità di reflow quando ne dichiariamo uno nuovo font-familye vediamo il Flash of Unstyled Text (FOUT).
Nella demo qui sotto, è possibile attivare e disattivare questa proprietà per mostrare come un carattere web come Chaparral differisce dall'altezza x e dall'allineamento dei caratteri in Times, il carattere di riserva. Ma attenzione, questa proprietà è supportata solo da un piccolo numero di browser al momento.
Questo può avere effetti drammatici se impostato su grandi porzioni di testo del corpo e migliorare sostanzialmente lo sfarfallio che si verifica quando si passa dal fallback al carattere appena caricato:
Maggiori informazioni
- MDN
- W3C
Supporto del browser
Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.
Desktop
| Cromo | Firefox | IE | Bordo | Safari |
|---|---|---|---|---|
| No | 3 | No | No | No |
Mobile / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| No | No | No | No |