Skala typograficzna

Skala typograficzna. Ustaw rozmiar bazowy, proporcję i stopnie, aby utworzyć rozmiary CSS.

Obsługiwane funkcje

Wejście: Opcje
Wyjście: CSS · Opcje

Jak używać: Skala typograficzna

Skala typograficzna. Ustaw rozmiar bazowy, proporcję i stopnie, aby utworzyć rozmiary CSS.

Zmień kolory, tekst lub liczby powyżej.
Porównuj podgląd podczas zmiany ustawień.
Skopiuj wynik lub pobierz go na urządzenie.

Skala typograficzna · Przykład

Wejście

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

Wyjście

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

Uwagi dotyczące użycia

Pliki i dane są przetwarzane w tej przeglądarce. Bez przesyłania i konta.

Podgląd ogranicza tekst do 72 px. Eksport zachowuje obliczone rozmiary.