Kerning fontova - CSS-trikovi

Anonim

font-kerningSvojstvo CSS definira način razmaka određenih parova slova.

Vidite, fontovi često sadrže informacije o tome koliko prostor za disanje ima lik na lijevom i desnom rubu.

Ispravan izraz za razmak su bočni ležajevi.

Kada se dva znaka postave jedan pored drugog, njihovi se bočni nosači zbrajaju kako bi stvorili stvarni razmak između znakova.

Desni bočni nosač A i lijevi bočni nosač V definiraju prostor između njih.

Dizajneri fontova prilagodit će bočne nosače između dva specifična znaka kako bi zajedno izgledali bolje. To je kerning i to je ono što nam font-kerningsvojstvo omogućuje da odlučimo: želimo li koristiti kerning fonta ili ga uopće onemogućiti. Dakle, ako font s kojim radite ne podržava kerning podatke, tada ovo svojstvo neće imati utjecaja na njega.

Sintaksa

font-kerning: auto | normal | none
  • Početna vrijednost: auto
  • Odnosi se na: sve elemente
  • Naslijeđeno:
  • Izračunata vrijednost:
  • Vrsta animacije: diskretna

Vrijednosti

font-kerning prihvaća sljedeće vrijednosti:

  • auto: Ovo omogućuje pregledniku da odluči hoće li koristiti kerning fonta ili ne.
  • normal: Omogućuje upotrebu kerninga pohranjenog u fontu.
  • none: Onemogućuje kerning.

Demo

Podrška preglednika

Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.

Radna površina

Krom Firefox IE Rub Safari
29 * 34 Ne 79 7 *

Mobitel / tablet

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