NOTATKI O FONTACH / Słownik typografii

Słownik typografii

Poznaj podstawowe pojęcia typograficzne: kerning, interlinia, szeryfy, fonty variable i wysokość x.

Kerning

Odstęp między konkretną parą znaków, np. A i V. Pozwala wyrównać optyczny rytm liter, którego nie zapewnia samo ustawienie stałego odstępu.

Tracking

Jednakowa zmiana odstępu pomiędzy znakami całego fragmentu tekstu. W CSS odpowiada jej letter-spacing. Nie zastępuje kerningu poszczególnych par.

Interlinia

Odległość pomiędzy liniami bazowymi kolejnych wierszy. Dobiera się ją do rozmiaru, kroju i długości wiersza, aby wzrok łatwo przechodził do następnej linii.

Wysokość x

Wysokość małych liter bez wydłużeń, zwykle opisywana przez literę x. Wyjaśnia, dlaczego dwa fonty w tym samym rozmiarze mogą wyglądać na różnej wielkości.

Szeryf

Detal na zakończeniu kreski litery. Szeryfy mają różne kształty i proporcje; sama ich obecność nie przesądza o czytelności fontu.

Bezszeryfowy

Krój bez szeryfów. Ta grupa obejmuje bardzo różne konstrukcje, od geometrycznych po humanistyczne, dlatego warto porównywać konkretne rodziny.

Font variable

Plik fontu umożliwiający zmianę parametrów w określonych osiach, np. grubości. Zakres oraz dostępne osie są cechą konkretnego pliku.

Glif

Wizualna postać znaku w foncie. Jeden znak może mieć kilka form, a niektóre glify mogą reprezentować połączenie znaków, jak ligatura.

Monospace

Krój o stałej szerokości znaków. Pomaga wyrównywać kolumny kodu, choć sam w sobie nie gwarantuje czytelności wszystkich symboli.

Font zastępczy

Font używany, gdy wybrany krój nie jest jeszcze dostępny lub nie zawiera potrzebnego znaku. Dobrze dobrany fallback ogranicza zmiany układu podczas ładowania.

Ligatura

Wspólny glif zastępujący określony ciąg znaków. Może poprawiać rytm tekstu lub zmieniać prezentację operatorów w kodzie; dostępność zależy od fontu.

Rozmiar optyczny

Dostosowanie rysunku liter do wielkości użycia. W fontach variable może występować jako oś opsz; nie każda rodzina ją zawiera.

Dowiedz się więcej

Zamień te liczby w czytelną stronę.

Zobacz, jak użyć skali w nagłówkach, akapitach i kartach produktów.