При выборе нужно руководствоваться тремя параметрами: насколько легко читать текст, подходит ли оформление вашему бизнесу и распознается ли шрифт почтовым клиентом.
В статье разберём, какой шрифт (его ещё называют фонт) для рассылки выбрать, какие требования предъявляются к типографике в email-маркетинге и почему некоторые варианты до сих пор остаются лучшим решением для большинства рассылок.
Почему шрифт важен в email-маркетинге
Фонт влияет на восприятие информации в письме и задаёт тон общения. К примеру, строгие начертания с засечками могут ассоциироваться с надёжностью и авторитетностью, современные гротески — дружелюбием и некоторой неформальностью.
Если шрифт текста для письма не соответствует содержанию, у читателя может возникнуть диссонанс. Например, игривый рукописный от серьёзного банка, скорее всего, вызовет недоумение — и, как следствие, может подорвать доверие к компании.
Помимо этого, важен ещё один момент — читаемость. Если текст мелкий, строки плотно прижаты друг к другу или цвет сливается с фоном, получателю приходится тратить усилия, чтобы прочитать информацию. Из-за этого человек может закрыть письмо, не совершив целевое действие.
Каким должен быть фонт в письме
Обычно подбирают 2–3 варианта для текста и заголовков, чтобы письмо было легко читаемым, понятным и красивым.
Для основного текста выбирают простые и стандартные шрифты без завитков или наклонов. Для заголовков подойдут варианты с нестандартным написанием, крупными засечками, наклоном или большим расстоянием между буквами.
Для акцентов можно использовать необычные формы: изящные, с узорами или прыгающими буквами. Но не стоит ими увлекаться, потому что они могут усложнить чтение текста.
Хороший фонт для email-рассылки также должен:
- одинаково удобно читаться на компьютере, планшете и смартфоне;
- поддерживать кириллицу;
- корректно отображаться в популярных почтовых клиентах (Mail.ru, Яндекс Почта, Gmail, Outlook);
- соответствовать фирменному стилю компании.
Если хотя бы одно из этих условий не выполняется, письмо может отобразиться не так, как задумал маркетолог или дизайнер.
Виды шрифтов для письма
Стандартные делятся на два типа: с засечками и без. В типографике считается, что длинный текст лучше писать с засечками, потому что так легче воспринимается. А короткий — без засечек.
Но в интернете это правило не соблюдают так строго. Многие сайты и приложения используют в дизайне шрифты без засечек даже для больших текстов. Например, текст во ВКонтакте, Telegram и даже в нашем блоге не имеет засечек, но читать удобно.
Выбирая, какой шрифт использовать в письмах, лучше руководствоваться тематикой рассылки и tone of voice бренда. Если это деловое издание — подойдут сдержанные и нейтральные варианты. Для магазина детской одежды, подарков или развлекательного блога можно использовать более неформальные.
На практике нельзя сказать, что один вид фонта лучше другого. Всегда важно смотреть на задачи рассылки. Например, если письмо содержит длинные инструкции или обзор продукта, лучше использовать спокойный стиль. Если же нужно сделать яркий анонс или промоакцию, можно добавить акцентные начертания. При этом основной текст лучше всё равно оформить сдержанным шрифтом.
В блочных редакторах обычно есть несколько вариантов фонтов на выбор. Например, в конструкторе рассылок внутри CDP Sendsay — подборка шрифтов, которые одинаково хорошо подходят для разных ниш и корректно отображаются во всех почтовых клиентах.
А если нужного варианта не нашлось, можно перейти в HTML-редактор и добавить его вручную с помощью встроенных стилей CSS.
Безопасные шрифты для рассылки
У почтовых клиентов есть ограниченный набор форматов, которые они могут распознавать. И если в дизайне используется шрифт, который неизвестен почтовику, то он заменит его на стандартный.
Поэтому в вёрстке рекомендуют использовать безопасные шрифты, которые распознаются всеми почтовыми клиентами. Их можно добавлять и не беспокоиться, правильно ли они отобразятся у получателя.
К таким стилям без засечек относятся Arial, Helvetica, Verdana и Tahoma. К вариантам с засечками — Times New Roman, Georgia и Courier New.
Все эти варианты относятся к системным. Это значит, что практически во всех операционных системах и почтовых клиентах есть настройки для их распознавания.
Если для дизайна рассылки требуется нестандартно оформленный текст, а экспериментировать не хочется, стоит пробовать что-нибудь на баннере, потому что слова на нём распознаются как часть иллюстрации. При этом важно добавить alt-текст для читателей, у которых может не отобразиться картинка.
Как тестировать фонты перед запуском рассылки
Даже если письмо идеально выглядит в редакторе, это не значит, что его так и увидят подписчики. Например, Apple Mail поддерживает большинство шрифтов, в то время как Outlook может заменять их системными. В результате меняются переносы строк, высота текстовых блоков, а иногда даже расположение кнопок. К тому же рассылка может выглядеть по-разному в зависимости от устройства и установленной на нём темы.
Поэтому письмо важно протестировать письмо перед отправкой. В процессе вёрстки постоянно проверяйте, как письмо выглядит на десктопе и мобильном устройстве. В Sendsay, например, для этого функция предпросмотра.
Если в письме вас всё устраивает, далее нужно сделать тестовую рассылку. Вот как может выглядеть алгоритм:
- Отправить копии себе на адреса Gmail, Outlook, Mail.ru, Яндекса и других почтовых сервисов, которыми пользуется ваша аудитория.
- Открыть письмо на компьютере, смартфоне и планшете.
- Оценить отображение письма в светлой и тёмной теме. Некоторые цветовые сочетания хорошо выглядят на белом фоне, но становятся плохо читаемыми при инверсии.
Такое тестирование занимает всего несколько минут, но позволяет обнаружить проблемы до того, как письмо попадёт в почтовые ящики подписчиков.
Как подобрать размер шрифта для письма
У всех стилей разная высота и ширина букв, поэтому нельзя указать определённые требования к размеру. Можно обозначить только примерные значения кегля — это высота буквы, которая измеряется от её верхней до нижней части:
- обычный текст — от 12 до 14 пунктов,
- заголовки — от 14 до 20 пунктов,
- названия — от 20.
Текст кеглем меньше 10 пунктов сложно читать. Такой размер используют для сносок, уточнений или в футере письма с реквизитами компании и ссылкой на отписку.
В теле письма чаще встречаются 13 и 14 размеры кегля, а в заголовках — 16. Такие размеры шрифта Arial использует в письмах МИФ, чтобы текст было одинаково удобно читать с компьютера и смартфона.
Главные ошибки при выборе фонта
Использовать много разных шрифтов одновременно. Когда в письме 3–4 разных стиля, возникает визуальный шум. Из-за этого текст сложнее воспринимать, он становится похожим на рекламу из 90-х, что не добавляет доверия к бренду.
Выбирать слишком маленький кегль. Так что учитывайте, что некоторые стили изначально миниатюрнее остальных. Например, Forum выглядит меньше Arial в одном и том же кегле.
Игнорировать контрастность. У всех пользователей разная яркость экранов, тема устройства и даже окружающая обстановка. Это нужно учитывать. К примеру, в солнечный день экран смартфона бликует, из-за чего светло-серый текст на белом фоне станет просто нечитаемым.
Добавлять много акцентных шрифтов. Стоит использовать их только для привлечения внимания к главному: в заголовках, призывах к действию или для выделения ключевых мыслей. Также лучше не ставить эмодзи и иконки в каждом абзаце или выделять жирным более трёх строк — это перегрузит текст.
Рисковать с нестандартными вариантами. Фирменный шрифт компании может быть красивым, но если почтовый клиент его не распознает, то заменит на системный и дизайн письма нарушится. А может быть так, что текст и вовсе не получится расшифровать, и он превратится в нечитаемый набор символов.
Делать узкие интервалы. Независимо от того, какой шрифт для письма выбран для письма, слишком плотно стоящие строки создают эффект монолита — такой текст сложно читать. И, наоборот, огромные отступы разрывают мысль, из-за чего так читателю сложнее уловить суть повествования.
Правильно подобранный шрифт не только даёт возможность быстро ознакомиться с информацией, но еще добавляет к текстовому блоку определённое настроение/атмосферу.
Когда мы проходим мимо пёстрой афиши с анонсам выступления цирковой труппы, мы сразу можем понять, какой контекст хотели донести до нас дизайнеры. Используя яркие цветовые «пятна» или крупные заголовки нестандартным шрифтом, нам демонстрируют определённое настроение. В противоположную сторону работает объявления УК около подъезда дома. Листовка максимально нейтральна и креативные шрифты в ней будут максимально неуместны.
Мы понимаем, что у пользователей есть насмотренность. Уличная реклама, баннеры в соцсетях, упаковка товаров каждый день передают определённый посыл для аудитории и используемые в рекламе шрифты как раз подчёркивают настроение. В рассылках это работает таким же образом: если необходимо поздравить клиента, то красивый, лаконичный шрифт усилит эффект. А для информирования о статусе заказа будет правильным выставить более официальное/формальное начертание текста.
Коротко о главном
- Для основного текста стоит подбирать привычные и легко читаемые стили.
- Для заголовков можно выбрать чуть более нестандартное написание.
- Необычные варианты лучше использовать только на баннерах и изображениях.
- Основные шрифты для письма — Arial, Helvetica, Verdana, Tahoma, Times New Roman, Georgia и Courier New.
- При использовании других стилей обязательно делать тестовую email-рассылку на электронные адреса разных почтовых клиентов и просматривать письмо с разных устройств.
- Оптимальный размер шрифта в письме — от 12 до 14 пунктов.
- Рекомендованный размер для заголовков — от 16 до 20 пунктов.
- Название в теле письма можно оформлять размером от 20 пунктов и более.