Заказать демо Войти

Рейтинг лучших шрифтов для электронных писем

Форма, вес, цвет, размер, интервал. Все эти факторы влияют на читабельность шрифта. А значит, и на то, воспримут ли ваше письмо почтовики и получатели.

Собрали несколько важных советов, которые помогут правильно подобрать шрифт, чтобы тест ваших имейлов не прошёл мўчитêл⍰ьно бöльн⍰.

Какие бывают шрифты

Все шрифты можно поделить на две большие группы: с засечками (антиква) и без них (гротеск).

Антиква подойдёт для длинных текстов. Считается, что её легче читать. Самые популярные шрифты с засечками — 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.
Заказать демо