Типографічна шкала

Типографічна шкала. Задайте базовий розмір, коефіцієнт і ступені для розмірів CSS.

Підтримувані функції

Вхід: Параметри
Вихід: CSS · Параметри

Як використовувати Типографічна шкала

Типографічна шкала. Задайте базовий розмір, коефіцієнт і ступені для розмірів CSS.

Змініть кольори, текст чи числа вище.
Порівнюйте перегляд під час зміни налаштувань.
Скопіюйте результат чи завантажте на пристрій.

Типографічна шкала · Приклад

Вхід

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

Вихід

: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;
}

Примітки щодо використання

Файли й дані обробляються в цьому браузері. Без надсилання на сервер і облікового запису.

Перегляд обмежує текст до 72 px. Експорт зберігає обчислені розміри.