Как выбрать шрифт для бренда

Шрифт. Это голос бренда в тексте. Он может звучать уверенно, дружелюбно или экспертно, ещё до того как человек прочитает первое предложение, и именно поэтому выбор гарнитуры нельзя отдавать на откуп «что красиво на Google Fonts».

В айдентике шрифт стоит наравне с логотипом и цветом. Ошибка на этом этапе обходится дорого: переделка сайта, упаковки, презентаций и документов после «неудачного» выбора съедает бюджет быстрее, чем кажется.

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

Как подбирать характер

Начните с tone of voice бренда. Сравните 3–4 гарнитуры на реальных заголовках и абзацах, не на демо-фразах вроде «The quick brown fox». Смотрите, как шрифт ведёт себя в кириллице, в цифрах, в коротких кнопках и длинных текстах.

Полезный приём, собрать «типографическую карту характера»: для каждого кандидата опишите три прилагательных, как если бы шрифт был человеком. «Строгий, холодный, дистанцированный» или «тёплый, открытый, уверенный». Если описание не совпадает с tone of voice бренда, гарнитура отпадает, даже если красивая.

Обратите внимание на:

На что смотреть при выборе

• апертуру, насколько «открыты» буквы, влияет на читаемость в мелком кегле;
• контраст штрихов, тонкий шрифт может выглядеть элегантно, но теряться на упаковке;
• начертания, хватит ли семейства для заголовков, текста и акцентов;
• узнаваемость, не слишком ли гарнитура похожа на конкурентов.

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

Serif, sans-serif и display

Sans-serif чаще выбирают для digital, tech и современных сервисов: нейтральность, хорошая читаемость на экране. Serif добавляет экспертности, традиции, премиальности, актуален в медиа, юриспруденции, люксе. Display — для заголовков с характером, в основной текст его не ставят. Смешивать можно, но осмысленно: display + text sans — классическая пара для бренда с выразительным характером и спокойным телом текста.

Минимальная типографическая система

Для бренда нужны минимум два уровня:

Два уровня типографики

1. Display / заголовочный, характер, эмоция, узнаваемость.
2. Text / основной, нейтральность и комфортное чтение.

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

Шкала кеглей и иерархия

Зафиксируйте не только названия шрифтов, но и шкалу: H1–H4, body, caption, кнопки. Укажите интерлиньяж, трекинг и максимальную длину строки для текста. Без шкалы каждый макет будет «чуть крупнее» или «чуть уже», и бренд расползётся по каналам.

Для презентаций и печати добавьте отдельные значения кегля: на проекторе и на визитке работают разные размеры. В брендбуке достаточно таблицы «элемент — web — print».

Сочетание с логотипом

Шрифт и знак должны усиливать друг друга, а не конкурировать. Если логотип с сильной геометрией, текстовая гарнитура может быть спокойнее. Если знак минималистичный, display-шрифт в заголовках добавит характер. Проверьте пару на реальных макетах: обложка презентации, hero сайта, упаковка.

Digital: что проверить до покупки лицензии

Чек-лист для digital

• скорость загрузки веб-шрифтов, не все семейства одинаково лёгкие;
• отображение на Windows vs macOS, особенно у бесплатных гарнитур;
• лицензия на веб, приложение, e-mail рассылки и OOH отдельно;
• variable font, удобно, но не везде поддерживается старыми системами.

Проверьте шрифт на реальном контенте: длинные заголовки, таблицы, формы, footer с мелким текстом. Откройте макет на телефоне с Android и на ноутбуке с Windows, рендеринг часто отличается от macOS. Если грузите веб-шрифт, оцените вес файлов: полное семейство может добавить сотни килобайт к первой загрузке страницы.

Печать: отдельные требования

Тонкий шрифт, который хорош на Retina-дисплее, на визитке или вывеске может исчезнуть. Проверьте начертания в мелком кегле, на некачественной бумаге и при односторонней печати. Для упаковки важны устойчивые засечки и достаточный контраст штрихов. То, что прошло проверку в Figma, не всегда переживает типографию.

Лицензии: где чаще всего ошибаются

Бесплатный шрифт из Google Fonts, не всегда «можно везде». Для логотипа часто нужна отдельная коммерческая лицензия. Для приложения, другая. Для наружной рекламы, третья. Заложите бюджет на покупку или подписку (Fontstand, Monotype, отдельные foundry) до утверждения айдентики.

Типы лицензий коротко

• Desktop, для дизайнеров в Figma, Illustrator, InDesign.
• Web, для сайта с лимитом просмотров или доменов.
• App, для встраивания в мобильные и desktop-приложения.
• Enterprise / Broadcast, для OOH, ТВ, крупных тиражей.

Ошибка «скачали с Google Fonts и поставили везде» обходится штрафами и срочной заменой шрифта во всех носителях. Таблица «гарнитура × канал × лицензия» в брендбуке снимает вопросы у юристов и подрядчиков.

Как тестировать шрифт перед утверждением

Мы проходим короткий протокол на финальных кандидатах:

1. Реальный контент. Заголовки с сайта, цены, юридический текст, не lorem ipsum.
2. Кириллица и цифры. Буквы а, о, е, р, у, таблицы, телефоны, проценты.
3. Три носителя. Мобильный экран, PDF презентация, печать A4 или визитка.
4. Пара с логотипом. Шрифт рядом со знаком в цвете и в ч/б.
5. Коллеги и ЦА. 3–5 человек из команды и аудитории, без подсказок «какой лучше».

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

Variable fonts и будущее системы

Variable fonts позволяют одним файлом покрыть несколько начертаний и экономят трафик на сайте. Но проверьте поддержку в старых браузерах и CMS клиента. Если экосистема консервативная, надёжнее классические отдельные начертания с понятным fallback-стеком для разработчиков.

5 практических советов

• Соберите таблицу: гарнитура × канал (сайт, печать, соцсети) × лицензия.
• Зафиксируйте кегли, интерлиньяж и трекинг в брендбуке, не только название шрифта.
• Не используйте более двух гарнитур в одном макете без явной причины.
• Проверьте буквы а, о, е, р, у в кириллице, у многих Latin-first шрифтов они «чужие».
• Сохраните fallback-стек для разработчиков. Это часть бренда, а не «техническая мелочь».

Типичные ошибки при выборе шрифта

На проектах чаще всего сталкиваемся с такими промахами:

• Выбор «по скриншоту». Красивый пост в Instagram не равен системе для сайта и печати.
• Игнорирование лицензии. Штрафы и срочная замена дороже покупки web-лицензии заранее.
• Latin-first без проверки кириллицы. Русский текст выглядит чужим, хотя заголовок на английском идеален.
• Слишком много гарнитур. Четыре шрифта в одном бренде создают визуальный шум.

Если сомневаетесь между двумя финалистами, выбирайте тот, что лучше читается в мелком кегле и проще лицензируется под ваши каналы. Характер можно усилить display-уровнем, но text-шрифт должен быть надёжным.

Как зафиксировать выбор в брендбуке

После утверждения передайте команде не только название гарнитуры, но и:

• файлы или ссылки на покупку лицензий;
• шкалу кеглей для web и print;
• начертания для заголовков, текста, кнопок, caption;
• fallback-стек и CSS для разработчиков;
• примеры правильных и неправильных сочетаний в макетах.

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

Вопросы и ответы

Сколько шрифтов нужно бренду?

Минимум два: заголовочный и текстовый. Иногда добавляют третий акцентный или моноширинный для цифр. Больше трёх гарнитур в одной системе — редкость и риск визуального хаоса.

Можно ли использовать бесплатные шрифты Google Fonts для логотипа?

Для логотипа часто нужна отдельная коммерческая лицензия. Google Fonts покрывает веб и часть digital-задач, но условия для логотипа, приложений и OOH читают отдельно у foundry.

Чем display-шрифт отличается от текстового?

Display — для крупных заголовков, с характером и эмоцией. Text — для абзацев, оптимизирован под комфортное чтение в мелком кегле на экране и в печати.

Нужна ли отдельная лицензия на веб-шрифт?

Да. Лицензия на desktop, web, app и outdoor часто продаётся раздельно. Перед покупкой проверьте, где будет жить шрифт: сайт, приложение, e-mail, наружная реклама.

Как проверить шрифт на кириллице?

Наберите реальные заголовки и абзацы на русском, проверьте буквы а, о, е, р, у, цифры и знаки. У Latin-first гарнитур кириллица часто выглядит «чужой» — это видно только в живом тексте, не в демо-фразе.

Можно ли использовать один шрифт для всего?

Технически да, если у семейства достаточно начертаний и хорошая читаемость в мелком кегле. Но для выразительных брендов display + text даёт лучший баланс характера и комфорта чтения.