CSS- font-kerningegenskapen definerer måten bestemte bokstavpar er fordelt på.
Ser du, skrifttyper inneholder ofte informasjon om hvor mye pusterom et tegn har på venstre og høyre kant.
Når to tegn plasseres ved siden av hverandre, legger sidebearingsene seg sammen for å danne det faktiske avstanden mellom tegnene.
Fontdesignere vil justere sidelinjene mellom to spesifikke tegn slik at de ser bedre ut sammen. Det er kerning, og det er det font-kerningeiendommen lar oss bestemme: om vi vil bruke fontens kerning eller deaktivere den helt. Så hvis skriften du jobber med ikke støtter kerningdata, vil denne egenskapen ikke ha noen innvirkning på den.
Syntaks
font-kerning: auto | normal | none- Opprinnelig verdi:
auto - Gjelder: alle elementer
- Arvet:
- Beregnet verdi:
- Animasjonstype: diskret
Verdier
font-kerning aksepterer følgende verdier:
auto: Dette lar nettleseren bestemme om fonttekning skal brukes eller ikke.normal: Tillater at kerning lagret i skrifttypen kan brukes.none: Deaktiver kerning.
Demo
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
| Chrome | Firefox | DVS | Kant | Safari |
|---|---|---|---|---|
| 29 * | 34 | Nei | 79 | 7 * |
Mobil / nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |