Kalkulator Interlinii (Line-Height)
Line-Height Calculator
Podaj rozmiar czcionki i typ treści — dostaniesz sugerowany zakres line-height, nie sztywną liczbę, bo to zależy też od kroju pisma.
Give a font size and content type — get a suggested line-height range, not a rigid number, since it also depends on the typeface.
Wpisz PX lub VW — drugie pole przeliczy się automatycznie względem podanej szerokości viewportu.
Enter PX or VW — the other field recalculates automatically relative to the given viewport width.
Proporcja uproszczona przez największy wspólny dzielnik.
Ratio simplified using the greatest common divisor.
To zakres orientacyjny, nie sztywna reguła — dostosuj do konkretnego kroju pisma.
This is a rough range, not a strict rule — adjust for the specific typeface.
Wpisz wartość
Enter a value
Wpisz rozmiar czcionki i wybierz typ treści (nagłówek, treść, UI).
Enter the font size and pick a content type (heading, body, UI).
Odczytaj wynik
Read the result
Odczytaj sugerowaną wartość i orientacyjny zakres dla tego typu treści.
Read the suggested value and the rough range for that content type.
Sprawdź pozostałe zakładki
Check the other tabs
Ten sam widget mieści 7 kalkulatorów — przełącz zakładkę, żeby użyć innego bez opuszczania strony.
The same widget holds 7 calculators — switch tabs to use another one without leaving the page.
Dlaczego nagłówki mają mniejszy line-height niż tekst akapitu?
Why do headings have a smaller line-height than body text?
Duże nagłówki mają mniej linii i większe litery — zbyt duży odstęp wygląda na rozjechany. Mała treść w wielu liniach potrzebuje więcej przestrzeni, żeby oko nie "gubiło się" przy przeskoku do kolejnej linii.
Large headings have fewer lines and bigger letters — too much spacing looks disjointed. Small body text across many lines needs more room, so the eye doesn't "lose" the next line.
Czy line-height powinien mieć jednostkę?
Should line-height have a unit?
Najlepsza praktyka to wartość bezjednostkowa (np. 1.5, nie 1.5em) — dziedziczy się proporcjonalnie do rozmiaru czcionki każdego zagnieżdżonego elementu, zamiast się sztywno utrwalać.
Best practice is a unitless value (e.g. 1.5, not 1.5em) — it inherits proportionally to each nested element's font size, instead of locking in rigidly.
Czy ten kalkulator daje jedną poprawną odpowiedź?
Does this calculator give one correct answer?
Nie, celowo. Daje punkt startowy i zakres — ostateczny dobór zależy od konkretnego kroju pisma, jego wysokości x-height i tego, jak gęsto ma wyglądać tekst.
No, deliberately. It gives a starting point and a range — the final choice depends on the specific typeface, its x-height, and how dense the text should look.
Dlaczego line-height jest trudny do zgadnięcia
W przeciwieństwie do wielu wartości CSS, dobry line-height zależy od kilku czynników naraz: rozmiaru czcionki, długości linii tekstu, typu treści i samego kroju pisma — nie ma jednej uniwersalnej liczby.
Jak korzystać z sugerowanego zakresu
Kalkulator daje punkt startowy w środku typowego zakresu dla danego typu treści, lekko dostosowany do rozmiaru czcionki — większe rozmiary zwykle potrzebują nieco ciaśniejszej interlinii.
Kiedy odejść od sugestii
Jeśli linie tekstu są bardzo długie (dużo znaków w wierszu), warto zwiększyć line-height ponad sugerowany zakres — dłuższa linia potrzebuje więcej przestrzeni, żeby oko trafiło we właściwy początek kolejnej.
Why line-height is hard to guess
Unlike many CSS values, good line-height depends on several factors at once: font size, line length, content type, and the typeface itself — there's no single universal number.
How to use the suggested range
The calculator gives a starting point at the middle of the typical range for that content type, lightly adjusted for font size — larger sizes usually want slightly tighter line spacing.
When to depart from the suggestion
If text lines are very long (many characters per row), it's worth increasing line-height beyond the suggested range — a longer line needs more space for the eye to land on the right start of the next one.
Zobacz wszystkie kalkulatory naraz.
See all calculators at once.
Jedna strona zbierająca 7 narzędzi web designera w jednym miejscu.
One page collecting 7 web designer tools in one place.