VIDEMIND
Типографика Шрифтовые парыГид

Как сочетать шрифты: принципы вместо готовых пар

Контраст, родство и иерархия — три механизма, по которым гарнитуры работают вместе. Разбираем принципы, позволяющие собрать пару самостоятельно.

Как сочетать шрифты: принципы вместо готовых пар
Manrope · SIL OFL · OFL
Содержание · 11
  1. Два механизма
  2. Иерархия важнее выбора
  3. Совпадение метрик
  4. Проверка пары
  5. Простые рабочие схемы
  6. Засечки, моноширинность и хинтинг
  7. Что из этого следует при выборе
  8. Что сравнивать в двух гарнитурах
  9. Схемы, которые не подводят
  10. Кириллица добавляет ограничение
  11. Что в итоге

Контраст, родство и иерархия — три механизма, по которым гарнитуры работают вместе. Разбираем принципы, позволяющие собрать пару самостоятельно.

Два механизма

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

Контраст: антиква и гротеск, дисплей и нейтральный текстовый. Родство: два начертания одного суперсемейства или гарнитуры одного автора и эпохи.

Промежуточное состояние — когда шрифты похожи, но недостаточно, — работает хуже всего: возникает ощущение ошибки.

Иерархия важнее выбора

Пара работает, когда у каждой гарнитуры своя роль и роли не пересекаются. Дисплейная — только заголовки, текстовая — только текст, интерфейсная — только элементы управления.

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

  • Дисплейная: H1, крупные акценты, обложки.
  • Текстовая: тело статьи, лид, цитаты.
  • Интерфейсная: навигация, метаданные, подписи, кнопки.
Иерархия важнее выбора
Manrope · SIL OFL · OFL

Совпадение метрик

Технический критерий, о котором часто забывают: у гарнитур в паре должна быть близкая высота строчных относительно кегля. Иначе при одинаковом размере одна выглядит заметно крупнее другой.

Проверяется просто: наберите одно слово обеими гарнитурами одним кеглем и сравните высоту букв «о» и «х».

Совпадение метрик
IBM Plex Sans · SIL OFL · OFL

Проверка пары

Четыре теста, которые выявляют неудачное сочетание до вёрстки.

  1. Наберите заголовок и абзац текста вместе — работают ли они в паре.
  2. Сравните высоту строчных при одном кегле.
  3. Проверьте, различимы ли гарнитуры с расстояния двух метров.
  4. Убедитесь, что у обеих есть нужные начертания и настоящий курсив.

Простые рабочие схемы

Несколько сочетаний, которые надёжно работают в кириллице и не требуют долгого подбора.

Три надёжные схемы

Дисплей + гротескАнтиква + гротескОдно суперсемейство
ХарактерСовременныйРедакционныйСтрогий
Сложность подбораСредняяСредняяНизкая
Где уместноМедиа, брендыЖурналы, книгиИнтерфейсы, отчёты

Засечки, моноширинность и хинтинг

Три свойства гарнитуры, о которых спрашивают чаще всего, влияют на выбор по-разному. Засечки — не признак «книжности», а инструмент горизонтальной связки строки: они помогают глазу двигаться вдоль строки и потому чуть выигрывают в длинном тексте на бумаге. На экране разница почти исчезла с ростом разрешения, и выбор между антиквой и гротеском стал вопросом характера, а не читаемости.

Моноширинная гарнитура — та, где все знаки одной ширины, — нужна там, где важно вертикальное выравнивание: код, таблицы чисел, диаграммы. В обычном тексте она читается медленнее, потому что слово теряет узнаваемый силуэт. Хинтинг — инструкции внутри шрифта, подсказывающие, как ложиться на пиксельную сетку при мелком кегле; на современных экранах он почти не работает, а на старых и в некоторых системах решает, будет ли текст читаемым.

Засечки, моноширинность и хинтинг
Golos Text · SIL OFL · OFL

Что из этого следует при выборе

  • Для длинного текста на бумаге антиква даёт небольшое преимущество; на экране разница между ней и гротеском несущественна.
  • Моноширинная — только для кода, таблиц чисел и там, где нужны совпадающие столбцы.
  • Хинтинг важен, если аудитория пользуется старыми экранами или системами с иной отрисовкой.
  • Цифры бывают табличные и старостильные: в таблице нужны первые, в тексте вторые.
  • Проверять гарнитуру надо в том кегле и на том носителе, где она будет жить, — на крупном кегле читается всё.

Что сравнивать в двух гарнитурах

Пара собирается не на глаз, а по нескольким измеримым признакам. Первый — высота строчных относительно прописных: если она заметно различается, тексты выглядят набранными в разных кеглях, даже когда кегль один. Второй — ширина знака: узкий гротеск рядом с широкой антиквой создаёт ощущение сбоя, а не контраста. Третий — контраст штриха: сочетание высококонтрастной антиквы с монолинейным гротеском работает, обратное — редко.

Проверять всё это удобно на одной строке: набрать одно и то же слово обеими гарнитурами одинаковым кеглем и посмотреть, совпадают ли они по цвету пятна и по росту.

ПризнакДолжны совпадатьМогут различаться
Высота строчныхДа—
Ширина знакаПримерно—
Контраст штриха—Да, это и есть контраст пары
Характер рисунка—Да
Насыщенность—Да, ею строится иерархия
Что сравнивать в двух гарнитурах
Onest · SIL OFL · OFL

Схемы, которые не подводят

Ненадёжна ровно одна схема — две выразительные дисплейные гарнитуры вместе: обе тянут внимание, и ни одна не выигрывает.

  • Одна гарнитура, разные начертания: самый надёжный вариант, особенно в интерфейсах.
  • Суперсемейство: антиква и гротеск, нарисованные одним автором на общих пропорциях.
  • Дисплейная для заголовков и нейтральный гротеск для текста: контраст характера при близких метриках.
  • Историческая пара: гарнитуры одной эпохи сочетаются почти всегда — они решали одну задачу.

Unbounded

OFL

ЗАГОЛОВОК

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

Пара строится на контрасте ролей, а не на сходстве рисунка. Дисплейная гарнитура берёт на себя верхний уровень.

Literata

OFL

А текст остаётся текстом: его задача — не мешать читать

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

Вторая гарнитура должна быть незаметной. Если обе спорят за внимание, пары нет — есть две дисплейные гарнитуры на одной полосе.

Кириллица добавляет ограничение

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

Поэтому проверять пару нужно на настоящем русском тексте — абзацем, а не заголовком, — и обращать внимание на «ж», «ю», «щ»: именно они выдают расхождение в манере.

Кириллица добавляет ограничение
Inter · SIL OFL · OFL

Что в итоге

Пара работает по контрасту или по родству; похожие, но разные гарнитуры — худший вариант.

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

Коротко

Как подобрать пару шрифтов?
Контраст по характеру, близость по пропорциям: разные по рисунку, но с похожей высотой строчных и шириной знака. Две похожие гарнитуры читаются как ошибка, две несовместимые по метрике — как разнобой.
Сколько шрифтов можно использовать?
Обычно два семейства. Третье оправдано, только если у него отдельная функция — моноширинный для кода или подписей. Разнообразие лучше набирать начертаниями внутри семейства.
Продолжить тему · Шрифтовые пары

Шрифтовые пары для сайта

Несколько проверенных сочетаний из бесплатных гарнитур с полноценной кириллицей — с образцами, ролями и оговорками по применению.Дальше

Нашли ошибку или неточность в атрибуции? Напишите нам

Обсуждение

Загружаем…

Только имя и мысль. Ссылки, разметку, код и номера телефонов журнал не публикует — учётных записей на сайте нет, и оставлять здесь ссылку бессмысленно.

0 / 1500