Generator skali typograficznej
Generator skali typograficznej wylicza modularną skalę z bazowego rozmiaru czcionki i proporcji — od Minor Second (1.067) do Golden Ratio (1.618) — i zwraca dziewięć rozmiarów jako właściwości niestandardowe CSS.
O tym narzędziu
Generator skali typograficznej wylicza modularną skalę z bazowego rozmiaru czcionki i proporcji — od Minor Second (1.067) do Golden Ratio (1.618) — i zwraca dziewięć rozmiarów jako właściwości niestandardowe CSS.
Jak używać
- Wpisz bazowy rozmiar czcionki w pikselach (16 px to domyślna wartość przeglądarki).
- Wybierz proporcję skali, np. Major Third (1.25).
- Wybierz jednostkę wyniku: rem, px lub em.
- Kliknij Copy CSS Variables, aby użyć rozmiarów od --xs do --4xl.
Warto wiedzieć
- Każdy krok skali modularnej mnoży poprzedni rozmiar przez tę samą proporcję.
- Generator tworzy dziewięć kroków: dwa poniżej bazy, bazę i sześć powyżej.
- Mniejsze proporcje (1.067–1.2) pasują do gęstych interfejsów; większe (1.333–1.618) do stron redakcyjnych z dużymi nagłówkami.
- Wartości rem są liczone względem głównego rozmiaru czcionki 16 px.
- Jednostki rem pozwalają tekstowi skalować się zgodnie z ustawieniem rozmiaru czcionki w przeglądarce użytkownika.
Działa w całości w przeglądarce — nic, co wpiszesz, nie jest wysyłane ani zapisywane.
Najczęściej zadawane pytania
Czym jest modularna skala typograficzna?
To zestaw rozmiarów czcionki, w którym każdy rozmiar to poprzedni pomnożony przez stałą proporcję — dzięki temu nagłówki i tekst główny tworzą spójną całość.
Jaką proporcję skali wybrać?
Major Third (1.25) i Perfect Fourth (1.333) to popularne, uniwersalne wybory. Do aplikacji i dashboardów użyj mniejszej proporcji, a do landing page'y i blogów większej.
Rozmiary czcionek w rem czy w px?
Zwykle zaleca się rem, bo respektuje preferowany przez użytkownika rozmiar czcionki w przeglądarce, co poprawia dostępność.
Jaki bazowy rozmiar czcionki wybrać?
16 px to standardowa wartość domyślna przeglądarek i dobra baza dla tekstu głównego; wiele stron używa 16–18 px dla wygodnego czytania.