Генератор шкалы шрифтов — бесплатно онлайн

Когда размеры шрифтов подбираешь на глаз, заголовки получаются случайными, а основной текст спорит с ними. Есть способ спокойнее: задать один базовый размер и коэффициент, и пусть остальные размеры вырастают из них. Мы добавили бесплатный инструмент, который это делает — Type Scale Generator — прямо в браузере.

Что он делает

Вы выбираете базовый размер шрифта и коэффициент, а он строит из этих двух чисел целую модульную шкалу. Каждый шаг показывается вживую, так что размеры видно рядом друг с другом, и когда всё выглядит как надо, вы копируете CSS-переменные, чтобы вставить их прямо в свою таблицу стилей.

Ничего не покидает ваше устройство

Всё работает в браузере. Ваши настройки и собранная шкала никуда не загружаются и нигде не сохраняются — нет ни аккаунта, ни сервера, который что-то считает. Закрыли вкладку — и ничего не осталось.

Как пользоваться

  1. Откройте Type Scale Generator и задайте базовый размер шрифта.
  2. Выберите коэффициент и следите, как каждый шаг обновляется в живом превью.
  3. Скопируйте CSS-переменные и вставьте их в свой проект.

Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.

Новые посты на почту

Скоро можно будет оставить email и получать новые посты — без аккаунта и спама.

Подписка по email пока не работает — сейчас ничего не собираем.