Фирменная типографика: как выбрать шрифтовую пару
Контраст, дополняемость, когерентность: три подхода в сравнении
Большинство гайдов ограничиваются советом «возьмите serif и sans-serif» — и это работает процентов в тридцать случаев, не больше. На деле пара живёт, если все три принципа соблюдены одновременно, а не по отдельности.
| Принцип | Что проверяет | Как выглядит нарушение |
|---|---|---|
| Контраст | Шрифты визуально различимы — по насыщенности, ширине, стилю | Два похожих гротеска среднего веса — глаз не различает, где заголовок, где текст |
| Дополняемость | У шрифтов общая эра, пропорции или эмоциональный тон | Строгий геометрический гротеск + рукописный декоративный шрифт — конфликт настроения |
| Когерентность | Пара выстраивает иерархию: заголовок, подзаголовок, текст читаются как система | Заголовочный шрифт «перетягивает» внимание, а текстовый теряется на его фоне |
Важный нюанс, который редко проговаривают: антиква XVI века и гротеск XX века могут работать в одной паре ничуть не хуже двух современных шрифтов — если у них совпадают пропорции и соотношение высот. Разница в эпохе создания не мешает, если совпадают структурные параметры букв.
На какие параметры букв смотреть при подборе
Читаемость важнее узнаваемости — это касается прежде всего текстового шрифта. Для основного шрифта нужны минимум два начертания: Regular и Bold, без них пара не выдержит реальной вёрстки с акцентами.
- x-height — высота строчных букв. У пары она должна быть примерно одинаковой: если один шрифт визуально «выше» другого при том же кегле, текст будет выглядеть неровно на одной полосе.
- Контраст штрихов — разница между толстыми и тонкими элементами буквы. Шрифт с сильным контрастом (антиква) в паре с монолинейным гротеском создаёт нужную разницу тона, но если оба шрифта контрастные — они начинают конкурировать.
- Пропорции — ширина букв относительно высоты. Узкий заголовочный шрифт и широкий текстовый работают, если разница осознанная, а не случайная.
- Апертура и форма светильника буквы — открытость таких букв, как «с», «е», «а». У шрифтов одной логики построения апертура схожа, и это считывается на подсознательном уровне как «родство».
Как протестировать пару перед внедрением в бренд
Здесь начинается то, что почти никто не описывает конкретно. Тестировать шрифты «на глаз» в макете с идеальным освещением — плохая идея: реальный носитель почти всегда хуже.
- Соберите тестовый макет не с lorem ipsum, а с реальным текстом бренда — слоганом, названием продукта, абзацем из будущего сайта. Абстрактный текст скрывает проблемы с конкретными буквосочетаниями кириллицы.
- Проверьте боди-текст при размере 12–16px — это минимальный размер, при котором шрифт должен оставаться читаемым без потери деталей. Если на этом размере буквы «слипаются», шрифт не годится для основного текста.
- Сравните x-height обеих гарнитур в одном кегле — поставьте слова рядом на одной строке и проверьте, совпадает ли высота строчных букв визуально, не по цифрам в спецификации.
- Проверьте пару на разных фонах: белый, тёмный, фирменный цвет бренда. Контраст, который хорошо читался на белом, может «съедаться» на цветном фоне.
- Выведите макет на реальные носители — печать на бумаге, экран смартфона при дневном свете, favicon 16×16px, вывеску в масштабе. Экран монитора в кабинете дизайнера — не показатель.
- Сделайте прототип с реальной иерархией: заголовок, подзаголовок, текст, подпись — и проверьте, читается ли структура за 2–3 секунды просмотра, без специального разбирательства.
Из инструментов для этого подходят Figma и Adobe XD с готовыми стилями текста, а также обычный браузер — вставить шрифты через @font-face и смотреть страницу на разных устройствах через инспектор. Печатный мокап делают в любом графическом редакторе с выводом на реальный принтер, это дешевле, чем кажется, и экономит месяцы переделок после запуска.
Лицензии на фирменные шрифты: что покупать и где
Это тема, которую почти никто не разбирает подробно, а стоит она дороже, чем кажется на старте проекта. Разница между лицензиями — не формальность, а реальный юридический риск для бренда.
| Тип лицензии | Что разрешает | Где брать |
|---|---|---|
| Open source (SIL OFL 1.1) | Свободное использование, включая коммерческое, без отдельной оплаты | Google Fonts — более 1500 шрифтов с открытой лицензией |
| Коммерческая (десктопная/веб) | Использование в ограниченном числе продуктов, часто с лимитом трафика или устройств | Adobe Fonts (150 000 шрифтов для подписчиков Creative Cloud), MyFonts, сайты литейных мастерских |
| Корпоративная (Enterprise/Brand license) | Использование на неограниченном числе носителей, редактирование, встраивание в приложения и на упаковку | Прямые переговоры с литейной — Monotype, Linotype, Fontsmith, Dalton Maag |
Для фирменного стиля почти всегда нужна именно корпоративная лицензия — обычная веб-лицензия ограничивает трафик сайта или количество установок, и при масштабировании бренда придётся докупать права. Отдельно нужно проверить, поддерживает ли шрифт формат OpenType — он даёт кроссплатформенность, автоматические лигатуры и корректную работу на любых операционных системах, в отличие от устаревших TrueType-файлов.
Кириллица, мультиязычность и мобильные устройства
Здесь чаще всего теряют деньги: команда утверждает пару на латинице, а потом оказывается, что кириллическая версия шрифта нарисована формально, буквы «ё», «ы», «ъ» выглядят чужими по отношению к остальному алфавиту.
- Проверяйте буквы «ё», «ы», «ъ», «щ» отдельно — это самые проблемные символы кириллицы, их часто дорисовывают позже основного набора и не всегда качественно.
- Если бренд работает на несколько стран, смотрите на поддержку диакритики для нужных языков. SST поддерживает 93 языка, Avenir Next World и Neue Frutiger — более 150, это разумные ориентиры для международных брендов.
- Проверяйте пару на мобильных экранах отдельно от десктопа — плотность пикселей и мелкий кегль иначе показывают контраст штрихов, тонкие засечки могут пропадать при рендеринге.
- Тестируйте с реальными длинными словами языка — русский текст в среднем длиннее английского на 15–20%, и то, что красиво помещалось в макете на английском, может «поехать» на кириллице.
Частые ошибки при выборе пары
Самая распространённая ошибка — гнаться за трендовым шрифтом вместо классического. Фирменная типографика должна оставаться актуальной минимум 5 лет, а трендовые гарнитуры устаревают за 1–2 года и тянут за собой весь визуальный образ бренда в прошлое.
- Два похожих гротеска среднего начертания в одной паре — глаз не видит разницы, иерархия текста разваливается уже на втором экране сайта.
- Декоративный script в заголовках при строгом корпоративном гротеске в тексте — эмоциональный разрыв, который читатель ощущает даже не понимая почему.
- Выбор шрифта только по внешнему виду заголовка без проверки Bold- и Italic-начертаний — на практике эти начертания понадобятся в первой неделе вёрстки сайта.
- Игнорирование кириллической версии шрифта при выборе международной гарнитуры — красивый латинский шрифт может иметь слабую кириллицу с другим ощущением веса и ширины.
- Покупка веб-лицензии без проверки лимитов трафика — при росте сайта лицензия просто перестаёт покрывать использование, и это выясняется в худший момент.
Логика подбора пары должна идти не от готового списка «модных сочетаний», а от задачи конкретного бренда: техно-компании подходит связка гротесков с разницей в весе и ширине, а бренду с историей и ремесленным характером — антиква с гротеском, у которых совпадают x-height и пропорции букв. Универсальных пар не существует, есть только пары, проверенные на реальном тексте, реальном размере и реальном носителе.
Контраст, дополняемость, когерентность: три подхода в сравнении
Большинство гайдов ограничиваются советом «возьмите serif и sans-serif» — и это работает процентов в тридцать случаев, не больше. На деле пара живёт, если все три принципа соблюдены одновременно, а не по отдельности.
| Принцип | Что проверяет | Как выглядит нарушение |
|---|---|---|
| Контраст | Шрифты визуально различимы — по насыщенности, ширине, стилю | Два похожих гротеска среднего веса — глаз не различает, где заголовок, где текст |
| Дополняемость | У шрифтов общая эра, пропорции или эмоциональный тон | Строгий геометрический гротеск + рукописный декоративный шрифт — конфликт настроения |
| Когерентность | Пара выстраивает иерархию: заголовок, подзаголовок, текст читаются как система | Заголовочный шрифт «перетягивает» внимание, а текстовый теряется на его фоне |
Важный нюанс, который редко проговаривают: антиква XVI века и гротеск XX века могут работать в одной паре ничуть не хуже двух современных шрифтов — если у них совпадают пропорции и соотношение высот. Разница в эпохе создания не мешает, если совпадают структурные параметры букв.
На какие параметры букв смотреть при подборе
Читаемость важнее узнаваемости — это касается прежде всего текстового шрифта. Для основного шрифта нужны минимум два начертания: Regular и Bold, без них пара не выдержит реальной вёрстки с акцентами.
- x-height — высота строчных букв. У пары она должна быть примерно одинаковой: если один шрифт визуально «выше» другого при том же кегле, текст будет выглядеть неровно на одной полосе.
- Контраст штрихов — разница между толстыми и тонкими элементами буквы. Шрифт с сильным контрастом (антиква) в паре с монолинейным гротеском создаёт нужную разницу тона, но если оба шрифта контрастные — они начинают конкурировать.
- Пропорции — ширина букв относительно высоты. Узкий заголовочный шрифт и широкий текстовый работают, если разница осознанная, а не случайная.
- Апертура и форма светильника буквы — открытость таких букв, как «с», «е», «а». У шрифтов одной логики построения апертура схожа, и это считывается на подсознательном уровне как «родство».
Как протестировать пару перед внедрением в бренд
Здесь начинается то, что почти никто не описывает конкретно. Тестировать шрифты «на глаз» в макете с идеальным освещением — плохая идея: реальный носитель почти всегда хуже.
- Соберите тестовый макет не с lorem ipsum, а с реальным текстом бренда — слоганом, названием продукта, абзацем из будущего сайта. Абстрактный текст скрывает проблемы с конкретными буквосочетаниями кириллицы.
- Проверьте боди-текст при размере 12–16px — это минимальный размер, при котором шрифт должен оставаться читаемым без потери деталей. Если на этом размере буквы «слипаются», шрифт не годится для основного текста.
- Сравните x-height обеих гарнитур в одном кегле — поставьте слова рядом на одной строке и проверьте, совпадает ли высота строчных букв визуально, не по цифрам в спецификации.
- Проверьте пару на разных фонах: белый, тёмный, фирменный цвет бренда. Контраст, который хорошо читался на белом, может «съедаться» на цветном фоне.
- Выведите макет на реальные носители — печать на бумаге, экран смартфона при дневном свете, favicon 16×16px, вывеску в масштабе. Экран монитора в кабинете дизайнера — не показатель.
- Сделайте прототип с реальной иерархией: заголовок, подзаголовок, текст, подпись — и проверьте, читается ли структура за 2–3 секунды просмотра, без специального разбирательства.
Из инструментов для этого подходят Figma и Adobe XD с готовыми стилями текста, а также обычный браузер — вставить шрифты через @font-face и смотреть страницу на разных устройствах через инспектор. Печатный мокап делают в любом графическом редакторе с выводом на реальный принтер, это дешевле, чем кажется, и экономит месяцы переделок после запуска.
Лицензии на фирменные шрифты: что покупать и где
Это тема, которую почти никто не разбирает подробно, а стоит она дороже, чем кажется на старте проекта. Разница между лицензиями — не формальность, а реальный юридический риск для бренда.
| Тип лицензии | Что разрешает | Где брать |
|---|---|---|
| Open source (SIL OFL 1.1) | Свободное использование, включая коммерческое, без отдельной оплаты | Google Fonts — более 1500 шрифтов с открытой лицензией |
| Коммерческая (десктопная/веб) | Использование в ограниченном числе продуктов, часто с лимитом трафика или устройств | Adobe Fonts (150 000 шрифтов для подписчиков Creative Cloud), MyFonts, сайты литейных мастерских |
| Корпоративная (Enterprise/Brand license) | Использование на неограниченном числе носителей, редактирование, встраивание в приложения и на упаковку | Прямые переговоры с литейной — Monotype, Linotype, Fontsmith, Dalton Maag |
Для фирменного стиля почти всегда нужна именно корпоративная лицензия — обычная веб-лицензия ограничивает трафик сайта или количество установок, и при масштабировании бренда придётся докупать права. Отдельно нужно проверить, поддерживает ли шрифт формат OpenType — он даёт кроссплатформенность, автоматические лигатуры и корректную работу на любых операционных системах, в отличие от устаревших TrueType-файлов.
Кириллица, мультиязычность и мобильные устройства
Здесь чаще всего теряют деньги: команда утверждает пару на латинице, а потом оказывается, что кириллическая версия шрифта нарисована формально, буквы «ё», «ы», «ъ» выглядят чужими по отношению к остальному алфавиту.
- Проверяйте буквы «ё», «ы», «ъ», «щ» отдельно — это самые проблемные символы кириллицы, их часто дорисовывают позже основного набора и не всегда качественно.
- Если бренд работает на несколько стран, смотрите на поддержку диакритики для нужных языков. SST поддерживает 93 языка, Avenir Next World и Neue Frutiger — более 150, это разумные ориентиры для международных брендов.
- Проверяйте пару на мобильных экранах отдельно от десктопа — плотность пикселей и мелкий кегль иначе показывают контраст штрихов, тонкие засечки могут пропадать при рендеринге.
- Тестируйте с реальными длинными словами языка — русский текст в среднем длиннее английского на 15–20%, и то, что красиво помещалось в макете на английском, может «поехать» на кириллице.
Частые ошибки при выборе пары
Самая распространённая ошибка — гнаться за трендовым шрифтом вместо классического. Фирменная типографика должна оставаться актуальной минимум 5 лет, а трендовые гарнитуры устаревают за 1–2 года и тянут за собой весь визуальный образ бренда в прошлое.
- Два похожих гротеска среднего начертания в одной паре — глаз не видит разницы, иерархия текста разваливается уже на втором экране сайта.
- Декоративный script в заголовках при строгом корпоративном гротеске в тексте — эмоциональный разрыв, который читатель ощущает даже не понимая почему.
- Выбор шрифта только по внешнему виду заголовка без проверки Bold- и Italic-начертаний — на практике эти начертания понадобятся в первой неделе вёрстки сайта.
- Игнорирование кириллической версии шрифта при выборе международной гарнитуры — красивый латинский шрифт может иметь слабую кириллицу с другим ощущением веса и ширины.
- Покупка веб-лицензии без проверки лимитов трафика — при росте сайта лицензия просто перестаёт покрывать использование, и это выясняется в худший момент.
Логика подбора пары должна идти не от готового списка «модных сочетаний», а от задачи конкретного бренда: техно-компании подходит связка гротесков с разницей в весе и ширине, а бренду с историей и ремесленным характером — антиква с гротеском, у которых совпадают x-height и пропорции букв. Универсальных пар не существует, есть только пары, проверенные на реальном тексте, реальном размере и реальном носителе.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
