Font-size-adjust - CSS-triki

Anonim

Šis rekvizīts dod izstrādātājiem iespēju iestatīt font-sizeelementa lielumu atkarībā no tā lielajiem burtiem, nevis lielajiem burtiem.

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

Šajā gadījumā fonta mazie burti būtu 11 pikseļu augstumā, jo 22 x, 5 = 11.

Ielādējot fontus, iespējams, būs atšķirīga malu attiecība starp rezerves fonta mazajiem burtiem un nesen ielādēto burtveidolu, tāpēc font-size-adjustir noderīgi kontrolēt font-familypārplūdes daudzumu, kad mēs paziņojam par jaunu un redzam Stila teksta zibspuldzi (FOUT).

Zemāk esošajā demonstrācijā ir iespējams ieslēgt un izslēgt šo rekvizītu, lai parādītu, kā tīmekļa fonts, piemēram, Chaparral, atšķiras no rezerves fonta Times Times rakstzīmju x augstuma un izlīdzināšanas. Tomēr uzmanieties, ka šo īpašumu pašlaik atbalsta tikai neliels skaits pārlūkprogrammu.

Tam var būt dramatiski efekti, ja tas ir iestatīts uz lielām pamatteksta daļām, un var ievērojami uzlabot mirgošanu, kas rodas, pārslēdzoties no rezerves un tikko ielādētā fonta:

Vairāk informācijas

  • MDN
  • W3C

Pārlūkprogrammas atbalsts

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
3

Mobilais / planšetdators

Android Chrome Android Firefox Android iOS Safari