Содержание · 9
Контраст, родство и иерархия — три механизма, по которым гарнитуры работают вместе. Разбираем принципы, позволяющие собрать пару самостоятельно.
Два механизма
Гарнитуры сочетаются либо по контрасту, либо по родству. Промежуточное состояние — когда шрифты похожи, но недостаточно, — работает хуже всего: возникает ощущение ошибки.
Контраст: антиква и гротеск, дисплей и нейтральный текстовый. Родство: два начертания одного суперсемейства или гарнитуры одного автора и эпохи.
Промежуточное состояние — когда шрифты похожи, но недостаточно, — работает хуже всего: возникает ощущение ошибки.
Иерархия важнее выбора
Пара работает, когда у каждой гарнитуры своя роль и роли не пересекаются. Дисплейная — только заголовки, текстовая — только текст, интерфейсная — только элементы управления.
Как только гарнитуры начинают использоваться на одном уровне иерархии, система разваливается независимо от того, насколько удачно они подобраны.
- Дисплейная: H1, крупные акценты, обложки.
- Текстовая: тело статьи, лид, цитаты.
- Интерфейсная: навигация, метаданные, подписи, кнопки.
Совпадение метрик
Технический критерий, о котором часто забывают: у гарнитур в паре должна быть близкая высота строчных относительно кегля. Иначе при одинаковом размере одна выглядит заметно крупнее другой.
Проверяется просто: наберите одно слово обеими гарнитурами одним кеглем и сравните высоту букв «о» и «х».
Проверка пары
Четыре теста, которые выявляют неудачное сочетание до вёрстки.
- Наберите заголовок и абзац текста вместе — работают ли они в паре.
- Сравните высоту строчных при одном кегле.
- Проверьте, различимы ли гарнитуры с расстояния двух метров.
- Убедитесь, что у обеих есть нужные начертания и настоящий курсив.
Простые рабочие схемы
Несколько сочетаний, которые надёжно работают в кириллице и не требуют долгого подбора.
Три надёжные схемы
Что сравнивать в двух гарнитурах
Пара собирается не на глаз, а по нескольким измеримым признакам. Первый — высота строчных относительно прописных: если она заметно различается, тексты выглядят набранными в разных кеглях, даже когда кегль один. Второй — ширина знака: узкий гротеск рядом с широкой антиквой создаёт ощущение сбоя, а не контраста. Третий — контраст штриха: сочетание высококонтрастной антиквы с монолинейным гротеском работает, обратное — редко.
Проверять всё это удобно на одной строке: набрать одно и то же слово обеими гарнитурами одинаковым кеглем и посмотреть, совпадают ли они по цвету пятна и по росту.
Схемы, которые не подводят
Ненадёжна ровно одна схема — две выразительные дисплейные гарнитуры вместе: обе тянут внимание, и ни одна не выигрывает.
- Одна гарнитура, разные начертания: самый надёжный вариант, особенно в интерфейсах.
- Суперсемейство: антиква и гротеск, нарисованные одним автором на общих пропорциях.
- Дисплейная для заголовков и нейтральный гротеск для текста: контраст характера при близких метриках.
- Историческая пара: гарнитуры одной эпохи сочетаются почти всегда — они решали одну задачу.
Unbounded
OFLЗАГОЛОВОК
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789
Literata
OFLА текст остаётся текстом: его задача — не мешать читать
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789
Кириллица добавляет ограничение
Пара, проверенная на латинице, может развалиться на кириллице: у русского набора меньше выносных элементов, и различие в высоте строчных становится заметнее. Кроме того, кириллические версии двух гарнитур нередко нарисованы разными людьми в разное время, и характер, совпадавший в латинице, расходится.
Поэтому проверять пару нужно на настоящем русском тексте — абзацем, а не заголовком, — и обращать внимание на «ж», «ю», «щ»: именно они выдают расхождение в манере.
Что в итоге
Пара работает по контрасту или по родству; похожие, но разные гарнитуры — худший вариант.
Задайте каждой гарнитуре свою роль, проверьте высоту строчных — и большинство проблем сочетаемости исчезнет.
Коротко
- Как подобрать пару шрифтов?
- Контраст по характеру, близость по пропорциям: разные по рисунку, но с похожей высотой строчных и шириной знака. Две похожие гарнитуры читаются как ошибка, две несовместимые по метрике — как разнобой.
- Сколько шрифтов можно использовать?
- Обычно два семейства. Третье оправдано, только если у него отдельная функция — моноширинный для кода или подписей. Разнообразие лучше набирать начертаниями внутри семейства.
Шрифтовые пары для сайта
Несколько проверенных сочетаний из бесплатных гарнитур с полноценной кириллицей — с образцами, ролями и оговорками по применению.ДальшеЧитайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…