Własność font-kerning

> Dodaj do ulubionych

Własność CSS font-kerning steruje ustawieniami dotyczącymi kerningu, czyli regulacji odległości między niektórymi parami znaków w danej odmianie pisma, której celem jest optymalizacja wyglądu tekstu i umożliwienie jego jak najlepszego odbioru.

Własność ta pozwala wybrać, co zrobić z danymi kerningu obecnymi w pliku fontu, więc daje widoczny efekt tylko w przypadku fontów, które takie dane zawierają.

Przykład

Poniżej znajdują się dwa przykłady tego samego fragmentu tekstu wyrenderowane przy użyciu fontu Roboto Flex – pierwszy z użyciem kerningu, a drugi bez*.

Z użyciem kerningu:

p {
  font-kerning: normal;
}

Efekt:

Tekst z zastosowanym kerningiem

Bez kerningu:

p {
  font-kerning: none;
}

Efekt:

Tekst bez kerningu

Wartości i składnia

Jako wartość własność font-kerning przyjmuje jedno z poniższych słów kluczowych:

auto
Przeglądarka decyduje o tym, czy zastosować kerning.
normal
Włącza kerning.
none
Wyłącza kerning.

Zastosowanie

Własność CSS font-kerning ma zastosowanie do wszystkich elementów HTML.

Podsumowanie

ZastosowanieWszystkie elementy HTML
Obsługiwane wartościSłowa kluczowe auto, normal, none
Wartość początkowaauto
DziedziczenieTak
SpecyfikacjaCSS Fonts Module Level 4, własność font-kerning

Źródło cytatu: Jan Himilsbach, Kombatanci