Шрифт для рекламы: как выбрать и не убить CTR баннера

Дизайнер потратил три дня на иллюстрацию, маркетолог переписал оффер семь раз, закупщик вылил 1 млн рублей на показы — а CTR провалился. В девяти случаях из десяти причина одна и та же: шрифт для рекламы выбрали по принципу «красиво в Figma», а не «читается с телефона на ходу». Тонкая Playfair на сером фоне в карусели Instagram превращается в декоративный шум, у которого нет шанса остановить палец.

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

На Wildberries это видно особенно жёстко: как создать карточку на вб — там даже идеальное фото проигрывает товару с читаемой инфографикой, потому что покупатель листает ленту со скоростью одна карточка в секунду и не успевает разобрать тонкий курсив.

Почему шрифт решает больше, чем кажется

Есть цифра, которую любят повторять на конференциях: читаемый шрифт повышает CTR баннера на 15–35%. Это не маркетинговая мантра — это диапазон, который стабильно вылезает в A/B-тестах в РСЯ и таргете VK, когда меняют только гарнитуру и кегль, не трогая оффер и картинку. Обратное тоже верно: неудачный рекламный шрифт роняет CTR на 20–40%, и при этом стоимость клика в аукционных системах растёт ещё сильнее, потому что низкий CTR прямо влияет на ставку.

Считаем на пальцах. Закупка 1 млн показов в РСЯ при базовом CTR 1,2% даёт 12 000 кликов. Стоимость клика, допустим, 18 ₽ — бюджет 216 000 ₽. Меняем шрифт на тонкий декоративный, который не читается с мобильного, CTR падает до 0,9% (минус 25%) — кликов уже 9 000. Чтобы добить план в 12 000 кликов, нужно докупить ещё 333 тысячи показов. Это плюс 60 000 ₽ из кармана только на одну ошибку в типографике.

Вторая причина, почему это критично: 70–80% рекламы сегодня смотрят с экрана 5–6 дюймов, в движении, при ярком солнце или в тёмной комнате. Шрифт обязан переживать сжатие до 80x80 px (превью) и растяжение до 5 метров (наружка). Гарнитуры, которые красиво смотрелись в брендбуке агентства из 2014 года, в этих условиях разваливаются.

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

Антиква и гротеск

Антиква — шрифт с засечками. Times, Georgia, Playfair, PT Serif, Lora. Хорошо читается длинным текстом на бумаге и больших экранах, передаёт «классику», «премиум», «редакционность». Гротеск — без засечек. Helvetica, Inter, Manrope, Roboto, Rubik, Montserrat. Универсал для экранов любого размера, особенно для мобильного.

Если коротко: гротеск — рабочая лошадь интернет-рекламы. Антиква — инструмент для конкретных смыслов (премиум-сегмент, редакция, винтаж, фуд для зрелой аудитории). Ставить антикву в баннере «скидка 50% на пиццу» — это бить себя по рукам.

Кегль

Кегль — размер шрифта. В вебе обычно меряется в пикселях, в полиграфии — в пунктах (1 пункт ≈ 1,33 px). Запомните рамки, ниже которых лезть нельзя:

Интерлиньяж

Расстояние между строками. Здоровая пропорция — 1,3–1,5 от кегля для тела, 1,1–1,2 для крупных заголовков. Слишком плотный интерлиньяж (1,0) делает абзац «кирпичом», глаз спотыкается на каждой строке. Слишком разреженный (1,8+) разваливает блок — читатель теряет, где была предыдущая строка.

Разрядка и трекинг

Разрядка шрифта — это равномерное увеличение расстояния между буквами в слове или строке. В цифровой типографике то же самое называется трекингом и задаётся в долях от кегля (часто в Figma — единицы вроде «letter-spacing: 0.05em»). Лёгкая разрядка 30–80 единиц спасает заголовки набором капителью (ВСЕ ПРОПИСНЫЕ) — без неё буквы слипаются. Тело текста разряжать не надо: это пережиток печатных машинок и анти-паттерн в вебе.

Кернинг

Кернинг — это персональная подгонка расстояний между конкретными парами букв (Т-а, А-V, Г-а), где межбуквенный пробел визуально провисает. В качественных шрифтах вроде Inter или Manrope кернинг уже встроен. В бесплатных самопальных гарнитурах — нет, и заголовок «АВТО» превращается в «А ВТО». Это видно даже не дизайнеру.

Какие шрифты работают в каких местах

Рекламный баннер в соцсетях и РСЯ

Главный критерий — читаемость на 320 px по ширине. Лучший шрифт для баннера — гротеск с равномерной толщиной штриха и крупными внутрибуквенными просветами. В живых проектах стабильно показывают результат: Manrope, Inter, Rubik, Onest, Montserrat (с осторожностью — у Montserrat узкие просветы в Bold), TT Norms.

Жирность для оффера — Bold (700) или ExtraBold (800). Light и Thin в баннер не ставим никогда: на сжатии и в ленте они исчезают физически. Если на макете в Figma вы поставили Inter Light 32 px и оно «красиво» — сожмите макет до превью 240x240 и посмотрите ещё раз. Скорее всего, не читается.

Лендинг

Здесь шрифтовая пара становится критичной. Заголовки — что-то с характером (Manrope, Onest, Geist, или антиква типа PT Serif для премиум-сегмента). Тело — нейтральный гротеск (Inter, Roboto Flex, Golos Text). Размер тела не меньше 16 px на десктопе, ширина строки — 60–75 знаков. Длиннее — глаз теряет конец строки и устаёт через два экрана.

Карточка маркетплейса

Wildberries и Ozon листают со скоростью одна карточка в секунду. У вас есть 0,3–0,5 секунды, чтобы оффер прочитался. Условия жёсткие: квадрат 1080x1080, в ленте сжимается до 240–320 px, на главном экране телефона — иногда до 160 px. Шрифт обязан выдерживать всё это.

Рабочее: Manrope ExtraBold для главного оффера, Inter SemiBold для подписей. Кегль для оффера на главном слайде — 96–140 px при экспорте 1080x1080. Меньше 72 px — вы теряете покупателя в превью.

Сторис и Reels

Вертикаль 1080x1920, текст безопасной зоны — центральные 80% по высоте, чтобы не закрывался интерфейсом. Кегль крупного оффера 80–120 px, подписей — 40–60 px. Шрифт со средне-жирным начертанием и плотной верхней линией — Rubik, Manrope, Oswald (для коротких заголовков в одну строку).

Oswald отдельно стоит выделить: узкий гротеск, идеален для вертикальных слоганов в одну колонку, но в большом объёме текста утомляет. Используйте его как акцент, не как основной.

Видео-титры

Самые жёсткие требования к читаемости. Текст появляется на 1–3 секунды на движущемся фоне. Берём только Bold/ExtraBold, добавляем подложку или контрастную обводку 4–8 px. Кегль — не меньше 1/20 от высоты кадра (для 1080p — минимум 54 px). Inter ExtraBold, Manrope ExtraBold, Roboto Flex с осью wght 800+ — рабочие варианты.

Наружная реклама

Баннер 6x3, расстояние 20–40 м. Здесь работают тяжёлые гротески с открытыми просветами: Roboto Black, Manrope ExtraBold, Bebas Neue (только латиница и капителью), TT Norms Black. Засечки на больших расстояниях исчезают первыми, поэтому антиква на наружке — почти всегда ошибка, кроме премиум-брендов с известным логотипом.

Как сочетать два шрифта и не сломать макет

Главное правило: один шрифт делает структуру, второй — акценты. Не наоборот, не оба сразу.

Три рабочих стратегии:

1. Контраст по типу. Антиква в заголовке + гротеск в теле. Например: Playfair Display Bold + Inter Regular. Заголовок звучит редакционно, тело читается на любых экранах. Подходит для лендингов услуг, контент-проектов, фуд-направления.

2. Контраст по жирности внутри одной семьи. Manrope ExtraBold + Manrope Regular. Самая безопасная пара — она физически не может конфликтовать, потому что это одна гарнитура. Идеально для баннеров, карточек маркетплейса, мобильных лендингов.

3. Контраст по характеру. Узкий акцидентный гротеск (Oswald, Bebas) для оффера в одно слово + универсал (Inter, Roboto) для всего остального. Работает в наружке и ярких промо-баннерах.

Чего не делать: брать две антиквы (получится «газета 1998-го»), две одинаковые по характеру гротески (Roboto + Open Sans — читатель не видит разницы, а макет выглядит небрежно), декоративный шрифт в теле (Lobster в абзаце — это пытка для глаз).

Лицензии и кириллица: где можно влететь на деньги

Шрифт — это софт. У него есть правообладатель и лицензия. Поставили в коммерческий баннер платную гарнитуру без покупки — формально это нарушение, и на практике уже были претензии к российским агентствам и брендам, которые улаживались через выплаты в 200 000 — 1 500 000 ₽ за один проект.

Бесплатные с кириллицей и коммерческой лицензией

Платные, но часто нужные

Helvetica, Futura, Avenir, Gotham, Circe, Proxima Nova, TT Norms, Druk — все требуют покупки. Цены ориентировочные: одно начертание для веба — 50–200 $, полная семья — 400–1500 $, корпоративная подписка — от 800 $/год. Если бюджет позволяет — TT Norms закрывает почти все задачи в одной семье. Если не позволяет — Manrope или Onest решают 90% случаев бесплатно и легально.

Подводные камни

Скачать «Helvetica.ttf» с торрент-сайта и поставить в макет — это не лицензия. Использование Google Fonts через CDN на сайте — это легально. Скачать тот же шрифт с Google Fonts и встроить в видеоролик — почти всегда тоже легально, но проверьте OFL по конкретной гарнитуре.

Три ошибки, которые стоят денег

Ошибка 1: тонкое начертание в баннере под мобильный. Inter Thin 24 px красиво в Figma на ретина-экране. В ленте на сжатии становится едва различимым. Последствия: CTR падает на 20–35%, стоимость клика растёт пропорционально. На бюджете 200 000 ₽ это 40 000–70 000 ₽ выброшенных просто потому, что выбрали «эстетичную» толщину штриха.

Ошибка 2: три и больше шрифтов в макете. Заголовок одним шрифтом, подзаголовок другим, цена третьим, кнопка четвёртым. Глаз не находит иерархии, мозг считывает «непрофессионально» и закрывает. На карточках маркетплейса это режет CTR карточки на 10–20% и проседает CR на этапе клик-в-корзину. Для категории с месячной выручкой 500 000 ₽ это потеря 50 000–100 000 ₽ в месяц.

Ошибка 3: использование платных шрифтов без лицензии. Один штраф или мирное соглашение по претензии — 200 000 — 1 500 000 ₽. Пересобрать все рекламные материалы под легальный аналог — 50 000 — 300 000 ₽ работы дизайнера и потерянное время на согласования. Помножить на риск повторения — мотивация ставить только OFL и купленные семьи становится очень рациональной.

Рабочие сочетания, которые можно ставить в макет сразу

Эти связки не «гарантия успеха», но они проверены на сотнях проектов и не подведут на старте. Дальше — тестируйте, замеряйте CTR и CR, держите изменения шрифта отдельным A/B-тестом. Менять одновременно гарнитуру, кегль и цвет — самая частая причина, почему «не понятно, что повлияло».

Авторская позиция: что я бы делал, имея один час и баннер

Если стоит выбор между «потратить день на поиск редкого шрифта» и «взять Manrope с Inter и потратить день на оффер» — берите второе. В 90% коммерческой рекламы шрифт не должен быть звездой. Звезда — это оффер, картинка и CTA. Шрифт — рамка, которая не мешает.

Декоративные гарнитуры (Lobster, Pacifico, рукописные) допустимы только в одном случае: вы продаёте кофе, торты или handmade — и шрифт буквально транслирует категорию. В остальных нишах декоратив — это попытка дизайнера выделиться за счёт читателя. Это всегда ошибка.

И последнее. Тестируйте шрифт на реальных условиях, а не на макете в Figma. Сделали баннер — экспортируйте в JPG, откройте на телефоне, посмотрите при солнце. Сделали инфографику для маркетплейса — посмотрите, как она выглядит в превью 240x240. Большинство «неработающих» баннеров проваливаются именно на этом тесте, который занимает 30 секунд.

FAQ

Какой шрифт лучше всего работает на рекламном баннере?

Гротеск с равномерным штрихом и крупными просветами: Manrope, Inter, Rubik, Onest. Для оффера — ExtraBold или Bold, для подписей — Regular. Декоративные и тонкие начертания на баннере не выживают.

Какой минимальный кегль шрифта допустим в рекламе?

Десктоп — от 16 px тело, от 24 px заголовки. Мобильное — 14–16 px тело, 20–28 px заголовки. Наружка на 5 м — минимум 36 px в макете A3, лучше 48–60. Карточка маркетплейса — оффер не меньше 72–96 px при экспорте 1080x1080.

Что такое разрядка шрифта?

Это равномерное увеличение расстояния между буквами в слове или строке. В цифре — то же, что трекинг. Полезна для заголовков капителью (30–80 единиц), вредна в теле текста.

Можно ли использовать Helvetica или Futura в коммерческой рекламе?

Только с купленной лицензией. Стоимость — от 50 $ за начертание до 1500 $ за полную семью. Бесплатные легальные альтернативы с кириллицей: Manrope, Inter, Onest, Golos Text.

Сколько шрифтов можно сочетать в одном макете?

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

Чем отличается антиква от гротеска?

Антиква — с засечками (Times, PT Serif, Playfair). Гротеск — без засечек (Inter, Manrope, Roboto). В интернет-рекламе чаще берут гротеск: он лучше переживает сжатие и читается на мобильных.

Какой шрифт выбрать для кириллицы, если нужен бесплатный?

Manrope, Inter, Rubik, Onest, PT Sans, PT Serif, Golos Text, Roboto Flex, Noto Sans — все с полной кириллицей и OFL-лицензией для коммерческого использования.