Font-size-adjust - CSS-Tricks

Această proprietate oferă dezvoltatorilor posibilitatea de a seta font-sizeelementul în funcție de dimensiunea literelor sale mici, mai degrabă decât a literelor mari.

.element ( font-size: 22px; font-size-adjust: .5; )

În acest caz, literele mici ale fontului ar avea 11px în înălțime, deoarece 22 x .5 = 11.

La încărcarea fonturilor este probabil să existe un raport de aspect diferit între literele minuscule ale unui font de rezervă și tipul de caractere nou încărcat, deci font-size-adjusteste util să controlăm cantitatea de reflux atunci când declarăm un nou font-familyși vedem Flash of Unstyled Text (FOUT).

În demo-ul de mai jos, este posibil să activați și să dezactivați această proprietate pentru a arăta cum diferă un font web precum Chaparral de înălțimea x și alinierea caracterelor din Times, fontul alternativ. Dar atenție, această proprietate este acceptată doar de un număr mic de browsere în acest moment.

Acest lucru poate avea efecte dramatice atunci când este setat pe porțiuni mari de text al corpului și poate îmbunătăți substanțial pâlpâirea care apare atunci când comutați între fontul alternativ și fontul nou încărcat:

Mai multe informatii

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.