CSS- font-kerningegenskaben definerer den måde, hvorpå specifikke bogstavpar er adskilt.
Ser du, skrifttyper indeholder ofte oplysninger om, hvor meget vejrtrækning et tegn har på venstre og højre kant.
Når to tegn placeres ved siden af hinanden, tilføjes deres sidebearings for at danne det faktiske mellemrum mellem tegn.
Fontdesignere vil justere sidebearings mellem to specifikke tegn, så de ser bedre sammen. Det er kerning, og det er det, font-kerningejendommen lader os beslutte: om vi vil bruge skrifttypens kerning eller deaktivere den helt. Så hvis den skrifttype, du arbejder med, ikke understøtter kerning-data, har denne egenskab ingen effekt på den.
Syntaks
font-kerning: auto | normal | none- Startværdi:
auto - Gælder for: alle elementer
- Arvet:
- Beregnet værdi:
- Animationstype: diskret
Værdier
font-kerning accepterer følgende værdier:
auto: Dette giver browseren mulighed for at beslutte, om der skal bruges fontkerning eller ej.normal: Tillader, at kerning, der er gemt i skrifttypen, skal bruges.none: Deaktiver kerning.
Demo
Browsersupport
Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 29 * | 34 | Ingen | 79 | 7 * |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |