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

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

Example

Let's set a default kerning for our text:

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

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

Результат:

Example

Now let's set the kerning:

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

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

Результат:

Example

Let's remove the kerning for our text:

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

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

Результат:

See also