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:
Bez kerningu:
p {
font-kerning: none;
}Efekt:
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
| Zastosowanie | Wszystkie elementy HTML |
|---|---|
| Obsługiwane wartości | Słowa kluczowe auto, normal, none |
| Wartość początkowa | auto |
| Dziedziczenie | Tak |
| Specyfikacja | CSS Fonts Module Level 4, własność font-kerning |
Źródło cytatu: Jan Himilsbach, Kombatanci