The font-kerning property

The font-kerning property specifies a kerning, or spacing, between letters in a word. The property can take the following values: auto (default determined by the browser), normal (applies kerning) and none (does not apply kerning).

Syntax

selector {
	font-kerning: auto or normal or none
}

Example

Let's set a default kerning for our text:

<h1>Header</h1>
<div>text text text</div>

h1 {
	font-size: 40px;
	font-kerning: auto;
}
div {
	font-size: 18px;
}

Example

Now let's set the kerning:

<h1>Header</h1>
<div>text text text</div>

h1 {
	font-size: 40px;
	font-kerning: normal;
}
div {
	font-size: 18px;
}

Example

Let's remove the kerning for our text:

<h1>Header</h1>
<div>text text text</div>

h1 {
	font-size: 40px;
	font-kerning: none;
}
div {
	font-size: 18px;
}

The font-kerning property

Syntax

Example

Example

Example

See also