Font-kerning - CSS-trikid

Anonim

Atribuut CSS font-kerningmääratleb konkreetsete tähepaaride paigutuse viisi.

Näete, fondid sisaldavad sageli teavet selle kohta, kui palju hingamistuba on tegelase vasakul ja paremal serval.

Õige termin vahe jaoks on külglaagrid.

Kui kaks märki asetatakse üksteise kõrvale, moodustuvad nende külglaagrid, moodustades tegeliku ruumi tähemärkide vahel.

A parem külglaager ja V vasak külglaager määravad ruumi nende vahel.

Fontide kujundajad reguleerivad kahe konkreetse tähemärgi vahelisi külglaagreid, et need koos paremini välja näeksid. See on kerning ja seda font-kerningvõimaldab vara meil otsustada: kas soovime kasutada fondi kerningut või keelata selle üldse. Seega, kui font, millega te töötate, ei toeta kerningu andmeid, siis see omadus seda ei mõjuta.

Süntaks

font-kerning: auto | normal | none
  • Algne väärtus: auto
  • Kehtib kõigi elementide kohta
  • Päritud:
  • Arvutatud väärtus:
  • Animatsiooni tüüp: diskreetne

Väärtused

font-kerning aktsepteerib järgmisi väärtusi:

  • auto: See võimaldab brauseril otsustada, kas kasutada fondi kerningut.
  • normal: Lubab kasutada fondi salvestatud kerningut.
  • none: Keelab kerningu.

Demo

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome Firefox IE Edge Safari
29 * 34 Ei 79 7 *

Mobiil / tahvelarvuti

Android Chrome Android Firefox Android iOS-i Safari
88 85 4,4 * 8 *