Właściwość font-kerning

Właściwość font-kerning ustawia kerning lub odstępy między literami w słowie. Właściwość może przyjmować wartości: auto (domyślnie określane przez przeglądarkę), normal (stosuje kerning) i none (kerning nie jest stosowany).

Składnia

selektor {
	font-kerning: auto lub normal lub none
}

Przykład

Ustawmy domyślny kerning dla naszego tekstu:

<h1>Nagłówek</h1>
<div>tekst tekst tekst</div>

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

Przykład

A teraz ustawmy kerning:

<h1>Nagłówek</h1>
<div>tekst tekst tekst</div>

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

Przykład

Wyłączmy kerning dla naszego tekstu:

<h1>Nagłówek</h1>
<div>tekst tekst tekst</div>

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

Zobacz też

właściwość text-orientation,
która ustawia orientację znaków w tekście pionowym
właściwość writing-mode,
która ustawia kierunek tekstu