Koreguoti šrifto dydį - CSS-gudrybės

Anonim

Ši savybė suteikia kūrėjams galimybę nustatyti font-sizeelemento elementą atsižvelgiant į jo didžiųjų raidžių dydį, o ne į didžiųjų raidžių dydį.

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

Tokiu atveju mažosios šrifto raidės būtų 11 taškų aukščio, nes 22 x, 5 = 11.

Įkeliant šriftus, tikriausiai bus kitoks kraštinių santykis tarp atsarginio šrifto mažųjų raidžių ir naujai įkelto šrifto, todėl font-size-adjustnaudinga kontroliuoti grįžtamojo ryšio kiekį, kai deklaruojame naują font-familyir matome nestiliuoto teksto blykstę (FOUT).

Žemiau pateiktoje demonstracijoje galima įjungti ir išjungti šią ypatybę, kad būtų parodyta, kaip žiniatinklio šriftas, pvz., „Chaparral“, skiriasi nuo „Times“ atsarginio šrifto x aukščio ir simbolių išlyginimo. Tačiau saugokitės, kad šią savybę šiuo metu palaiko tik nedaugelis naršyklių.

Tai gali turėti dramatiškų efektų, kai nustatoma didelėms teksto dalims, ir iš esmės pagerinti mirgėjimą, atsirandantį perjungiant atsarginį ir naujai įkeliamą šriftą:

Daugiau informacijos

  • MDN
  • W3C

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
Ne 3 Ne Ne Ne

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
Ne Ne Ne Ne