font-kerning
Determines whether to use the kerning information built into the font. Kerning is a typography technique that visually adjusts spacing between specific character pairs (AV, To, etc.) for uniform appearance.
Class List
| Class | CSS | Description |
|---|---|---|
fka | font-kerning: auto | Browser automatically determines whether to apply kerning |
fkn | font-kerning: none | Disables kerning. Letter spacing remains uniform |
fknl | font-kerning: normal | Forces kerning. Uses the font kerning table |
Usage Examples
<!-- Default kerning (browser auto) -->
<h1 class="fka fs4rem fw700">AVATAR</h1>
<!-- Disable kerning (monospace effect) -->
<p class="fkn fs2rem">AV To WAR — Uniform spacing</p>
<!-- Force kerning -->
<h2 class="fknl fs3rem fw700">Typography Matters</h2>Visual Comparison
font-kerning: auto — fka
AV To WAR
font-kerning: none — fkn
AV To WAR
font-kerning: normal — fknl
AV To WAR
Tips & Notes
Keep the default in most cases
Browsers automatically apply appropriate kerning, so keeping fka(auto) is recommended. Only consider fkn for performance-critical large text blocks.