Создать набор пар

Измените фильтры или текст предпросмотра, чтобы обновить галерею. Пустые поля и значения вне диапазона будут исправлены автоматически.

Сценарий использования

Настроение

Контраст

Текст заголовка

До 90 символов. HTML обрабатывается как обычный текст.

Текст описания

От 20 до 280 символов. Пробелы нормализуются перед отрисовкой.

Размер заголовка

42px

Размер текста

18px

Интервал (line-height)

1.55

Показаны только системные шрифтовые пары. Результаты обновляются локально.

Округление: размеры в целых пикселях; интервал — два знака после запятой.

Допущение: наличие локальных шрифтов зависит от устройства. Порядок фолбэков сохраняется в каждом блоке CSS. Проверяйте типографику на конечных устройствах.

Как это работает

Этот генератор использует курируемый набор практичных системных шрифтовых стеков. Он фильтрует набор по вашему выбору и предоставляет CSS-переменные для быстрой работы.

Выберите контекст дизайна

Сценарий, настроение и контраст сужают список. Если совпадений нет, инструмент покажет весь набор, чтобы экран не оставался пустым.

Настройте ритм чтения

Размеры и интервал ограничены безопасными диапазонами. Это сохраняет читаемость и предотвращает ошибки в копируемом CSS.

Сравнивайте и копируйте

Каждый результат включает названия стеков, декларации font-family и кнопку копирования. Экспортируемый CSS готов к вставке в ваш проект.

Проверьте на устройствах

Системные стеки надежны, но рендеринг зависит от браузера, ОС и сглаживания. Считайте галерею быстрым списком идей, а не финальным тестом.