Рейтинг лучших шрифтов для электронных писем
Форма, вес, цвет, размер, интервал. Все эти факторы влияют на читабельность шрифта. А значит, и на то, воспримут ли ваше письмо почтовики и получатели.
Собрали несколько важных советов, которые помогут правильно подобрать шрифт, чтобы тест ваших имейлов не прошёл мучительно больно.
Какие бывают шрифты
Все шрифты можно поделить на две большие группы: с засечками (антиква) и без них (гротеск).
Антиква подойдёт для длинных текстов. Считается, что её легче читать. Самые популярные шрифты с засечками — Times New Roman и Georgia.
Гротеск — для заголовков и небольших текстовых блоков. Он меньше выделяется на однородном фоне и не забирает на себя внимание.
💡 Сейчас большинство пользователей использует смартфон для чтения почты. По опыту, лучше использовать шрифт без засечек даже для длинных текстов: гротеск проще быстро «просканировать» на небольшом экране. Засечки зачастую только отвлекают от чтения.
Основные правила выбора
1. Не используйте более двух шрифтов
Если шрифтов будет больше — письмо будет перегруженным. Это в лучшем случае. В худшем — вы можете получить отписку из‑за того, что читатель будет раздражён.
Лучше использовать один шрифт в письме. Крупный — для заголовков. А мелкий — для остального контента. Письма с единым шрифтом проще прочитать даже на бегу, а письмо будет выглядеть аккуратнее.
2. Не применяйте больше двух стилей
Если хотите что‑то выделить, используйте жирный шрифт. Если сочетать внутри одного письма жирный, курсив и обычный шрифт, можно запросто потерять внимание читателя.
3. Всё внимание — на читабельность шрифта
Читабельность — это возможность быстро отличить одну букву от другой.
Перед рассылкой посмотрите макет и в веб‑версии, и на мобильном устройстве. Представьте, что вы ещё незнакомы с текстом и видите его впервые. Будет ли вам легко «пробежаться» по тексту и уловить основную мысль?
Посмотрите, как шрифт влияет на время чтения:
4. Веб‑безопасность
Устройство подписчика может не поддерживать совсем уж «хитрый» шрифт. Тогда система сама заменит его на тот, который сможет найти в базе.
Поэтому лучше сразу выбирать веб‑безопасные шрифты: такие, которые будут считываться большинством устройств и операционных систем
💡 Когда будете выбирать шрифт для новой рассылки, вернитесь к этим правилам: ваш кандидат должен соответствовать всем четырём параметрам.
Рейтинг лучших веб‑безопасных шрифтов
Итак, наш хит‑парад. Каждый участник протестирован нами на практике и теперь готов украсить ваши рассылки.
1. Arial
Да, не оригинален. Но отлично читается и отображается во всех почтовиках! А ещё он — один из системных шрифтов и для Windows, и для MacOS. Значит, ваше письмо будет выглядеть прекрасно на любом устройстве.
2. Helvetica
Самый популярный гротеск в мире. Имеет закруглённые строчные буквы и широкие заглавные. Но имейте в виду: Helvetica предустановлена только на MacOS.
3. Times New Roman
Знаком всем, кто писал что‑то по учёбе. Шрифт с засечками, имеет высокие строчные буквы с короткими нисходящими и восходящими.
4. Verdana
Разработан специально для чтения текста на экранах. Особенность — высокие и широкие строчные буквы.
5. Georgia
Ещё одна приятная антиква. Шрифт похож на Times New Roman, но предназначен для использования в вебе. Буквы здесь более крупные при том же кегле и более широкие. А это уж выглядит не так официально. Кстати, отличительная черта — цифры. Из‑за выносных элементов они «прыгают» по строчке.
Шрифт выбран. Как использовать?
Вот мы узнали: типы шрифтов, какие из них самые подходящие для имейл‑рассылок и что важно учитывать при выборе.
Давайте посмотрим, что ещё нужно знать, если под рукой нет брендбука или если вы делаете его прямо сейчас.
- Пусть шрифт будет уместным
И визуально поддерживает созданный вами контент. Писать серьёзные новости и использовать Comic Sans — плохая идея.
- Проверьте, есть ли все нужные символы и начертания
Например, знаки валют, надстрочные и подстрочные символы, диакритические знаки [точечки и палочки над буквами] и так далее. Если нет — придётся подставлять их из другого шрифта, и будет некрасиво.
- Выбирайте запасной шрифт для каждого уровня текста
При вёрстке письма всегда выбирайте несколько шрифтов для каждого уровня текста с помощью свойства font-family.
Если на устройстве пользователя нет основного шрифта, то отобразится запасной.
Например, font-family: Helvetica, Arial, sans-serif означает, что текст отобразится у получателя шрифтом Helvetica. Если этого шрифта нет, то Arial. А если и этот отсутствует, то текст будет написан любым системным шрифтом без засечек.
- Обратите внимание на цвета
Чем меньше их будет — тем лучше. Если хотите выделить мысль, просто используйте жирный шрифт.
Письмо и так будет загружено блоками, картинками, иконками и кнопками. Так что здесь лучше облегчить читателю чтение.
А если хочется кастомный?
Ну или не хочется, а нужно. Например, для соблюдения стиля бренда или создания особого письма для праздника или распродажи.
💡 Здесь мы настоятельно рекомендуем предварительно тестировать отображение шрифтов в различных комбинациях почтовиков, девайсов и ОС. Это легко сделать в Letteros 2.0: наш конструктор показывает отображение на 100+ популярных устройствах.
Если почтовик не распознает ваш шрифт «с изюминкой», то он просто заменит его на дефолтный.
И ещё рекомендация: если используете декоративный шрифт, вставляйте его в письмо изображением. Тогда он точно не превратится в Arial на экране получателя. Но важно помнить: у некоторых пользователей загрузка картинок по умолчанию отключена. Чтобы смысл письма от этого не пострадал, прописывайте alt текст к изображениям.
Зафиналимся
- Отдавайте предпочтение веб‑безопасным шрифтам. Они легко конвертируются между устройствами и ОС без лишних сюрпризов.
- Не переусердствуйте с цветами и стилями шрифта. Здесь действует правило: меньше — лучше.
- Тестируйте читабельность шрифта на разных устройствах.
- Кастомный шрифт — тестируйте особенно внимательно.
- Декоративный или редкий шрифт лучше вставлять картинкой и прописывать для неё alt.