Font-kerning - CSS-Tricks | Almanach CSS 2025

Właściwość CSS font-kerningdefiniuje sposób, w jaki określone pary liter są rozmieszczone.

Widzisz, czcionki często zawierają informacje o tym, ile miejsca do oddychania ma postać na lewej i prawej krawędzi.

Właściwym terminem określającym odstępy są łożyska boczne.

Kiedy dwa postacie są umieszczone obok siebie, ich boczne łożyska sumują się, tworząc rzeczywistą przestrzeń między znakami.

Prawy łożysko boczne A i lewe łożysko boczne V określają przestrzeń między nimi.

Projektanci czcionek dostosują boczne łożyska między dwoma określonymi znakami, aby wyglądały lepiej razem. Na tym polega kerning i to właśnie ta font-kerningwłaściwość pozwala nam zdecydować: czy chcemy użyć kerningu czcionki, czy całkowicie go wyłączyć. Jeśli więc czcionka, z którą pracujesz, nie obsługuje danych kerningu, ta właściwość nie będzie miała na nią wpływu.

Składnia

font-kerning: auto | normal | none

Wartość początkowa: auto
Dotyczy: wszystkich elementów
Dziedziczny:
Wartość obliczona:
Typ animacji: dyskretna

Wartości

font-kerning akceptuje następujące wartości:

auto: Pozwala przeglądarce zdecydować, czy ma używać kerningu czcionek.
normal: Umożliwia użycie kerningu zapisanego w czcionce.
none: Wyłącza kerning.

Próbny

Wsparcie przeglądarki

Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.