CSS- font-kerningegenskapen definierar hur specifika bokstavspar är åtskilda.
Ser du, teckensnitt innehåller ofta information om hur mycket andningsrum en karaktär har på vänster och höger kant.
När två tecken placeras bredvid varandra läggs sidobeläggningarna ihop för att bilda det faktiska utrymmet mellan tecken.
Fontdesigners kommer att justera sidobeläggningarna mellan två specifika tecken så att de ser bättre ut tillsammans. Det är kerning och det är vad font-kerningegenskapen låter oss bestämma: om vi vill använda typsnittets kerning eller inaktivera det helt. Så om teckensnittet du arbetar med inte stöder kerningsdata, kommer den här egenskapen inte att påverka det.
Syntax
font-kerning: auto | normal | none- Ursprungligt värde:
auto - Gäller för: alla element
- Ärvda:
- Beräknat värde:
- Animationstyp: diskret
Värden
font-kerning accepterar följande värden:
auto: Detta låter webbläsaren avgöra om teckensnittsarkning ska användas eller inte.normal: Tillåter att kerning lagrad i teckensnittet kan användas.none: Inaktiverar kerning.
Demo
Webbläsarstöd
Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.
Skrivbord
| Krom | Firefox | IE | Kant | Safari |
|---|---|---|---|---|
| 29 * | 34 | Nej | 79 | 7 * |
Mobil / surfplatta
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |