Открываешь Google Fonts, и на тебя смотрит бездна. Тысячи шрифтов. Одни с засечками, другие без, третьи выглядят так, будто их рисовал пьяный пират. Скроллишь, скроллишь, и чувство паники нарастает. Знакомо?

Спокойно. Хорошая новость в том, что для создания приличной шрифтовой пары тебе не нужен врожденный «вкус» или диплом британской школы дизайна.

Нужна система. И немного здравого смысла.

Забудь пока про красивые и вычурные заголовки.

Твой самый важный выбор — это шрифт, которым люди будут читать большие объемы текста. Это твоя рабочая лошадка. Он должен быть не столько красивым, сколько функциональным.

Читабельность
Посмотри на буквы «a», «e», «o». У них достаточно «воздуха» внутри? Они не слипаются в кашу при мелком кегле?

Нейтральность
Этот шрифт не должен перетягивать на себя внимание. Его задача — быть невидимым, как хороший официант. Он просто доносит информацию.

Наличие начертаний
Убедись, что у шрифта есть как минимум Regular, Bold и Bold Italic. Без этого ваши руки будут связаны.

Inter, Roboto, Open Sans, Montserrat. Да, это скучно. Это как заказать оливье в ресторане. Но это надежно, понятно и всегда работает. Начни с них, а потом, когда набьешь руку, будешь экспериментировать.

Вот тут можно немного оторваться. Задача шрифта для заголовков — привлечь внимание и создать контраст с основным текстом.

Главное правило здесь — контраст, а не хаос. Твои шрифты должны выглядеть как осознанная пара, а не как два случайных прохожих, столкнувшихся на улице.

Это самый простой и безотказный способ. Если для основного текста вы взяли шрифт без засечек (sans serif, например, Roboto), то для заголовка возьмите шрифт с засечками (serif). И наоборот.

Пример: Заголовки — Lora (с засечками), основной текст — Lato (без засечек). Выглядит солидно, профессионально и понятно. Это как джинсы с белой футболкой — вечная классика.

Супербезопасный вариант для тех, кто боится вообще всего. Возьмите один и тот же шрифт, но используйте для заголовков очень жирное начертание (Black или Extra Bold), а для основного текста — обычное (Regular).

Пример: Заголовки — Montserrat Black, основной текст — Montserrat Regular. Гармония гарантирована, потому что это, по сути, одна семья. Никаких конфликтов.

Это уже уровень посложнее. Ты можешь сочетать геометрический, строгий шрифт без засечек с гуманистическим, более мягким. Или акцидентный (декоративный, необычный) шрифт для заголовка с супернейтральным для текста.

Осторожно! Здесь легко скатиться в безвкусицу. Если берете для заголовка что-то очень характерное и декоративное, текстовый шрифт должен быть максимально простым и незаметным. И никогда наоборот! Декоративный шрифт в основном тексте — это преступление против человечности.

Два слегка отличающихся гротеска (шрифта без засечек) — это не «пара», это ошибка. Выглядит так, будто вы хотели взять один, но промахнулись.

Два шрифта — идеально. Три — максимум, если третий нужен для какой-то специфической цели (например, цитата или акцент). Четыре и больше — это уже шрифтовой винегрет, который вызывает только тошноту.

Comic Sans, Papyrus, Lobster. Да, когда-то они были свежими. Но это было давно. Сегодня их использование — признак дурного тона и лени. Твой проект заслуживает большего.

Если ты делаешь сайт на русском, убедись, что у выбранного шрифта есть поддержка кириллических символов. Кривая или отсутствующая кириллица — это мгновенный провал. И заодно проверь наличие символа рубля (₽) и кавычек-«елочек».

Как проверить шрифт на поддержку кириллицы в Figma

Прежде чем принять решение, прогони свою пару по этому списку:

Читабельность основного текста:
Открой макет и отойди на пару шагов. Текст все еще легко читается?

Явный контраст:
Заголовок четко отделяется от основного текста? Он выглядит важнее?

Соответствие настроению:
Твоя пара шрифтов соответствует общему настроению проекта (серьезный, игровой, технологичный, элегантный)?

Тест на реальном контенте:
Забудь про «Lorem Ipsum». Вставь реальные заголовки и абзацы. Иногда шрифт, который был хорош с одним словом, разваливается в предложении. Да и использование рыботекста воспринимается заказчиками, как ленью дизайнера, а с лентяями никто работать не будет!

Вот и все. Перестань полагаться на мифический «вкус» и начни использовать систему.

Выбери надежную рабочую лошадку для текста, подбери ей контрастного напарника для заголовков, избегай очевидных ошибок — и твой дизайн уже будет на голову выше 90% того, что можно найти в интернете.

А теперь иди и сделай так, чтобы у людей не кровоточили глаза. У тебя получится ;)