Typography
font-kerning
Utilities to set the use of the kerning information stored in a font.
Default class reference
| Class | Properties |
|---|---|
kerning
|
font-kerning: auto; |
kerning-normal
|
font-kerning: normal; |
kerning-none
|
font-kerning: none; |
¶Usage
Although a well-designed typeface has consistent inter-glyph spacing overall, some glyph combinations require adjustment for improved legibility. If the letter-spacing property is defined, kerning adjustments are considered part of the default spacing and letter spacing adjustments are made after kerning has been applied.
¶Examples
¶Kerning kern
You Will Try
You Will Try
<p class="kerning">You Will Try</p>Kerning often defaults to auto in the browser, which may disable kerning at smaller font sizes. It can be disabled manually if needed using .kerning-none, or force-enabled using .kerning-normal.