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.

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.