Какие шрифты использовать для email-рассылки

Придумать письмо – это только первый этап, нужно еще его качественно оформить. Ранее мы рассказывали о трендах в дизайне email-рассылок. Сегодня поговорим о шрифте для письма. Правильно подобранный шрифт, который гармонирует с общим дизайном сообщения, позволяет подписчику легко «сканировать» текст, следовательно, вы быстрее получите его отклик. Отображение шрифтов для получателей во многом зависит от возможностей устройства, на котором открывают сообщение.

Как выбрать и использовать шрифты для email-рассылки

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

Используйте разные виды шрифтов для письма. Но помните, что нагромождение большого количества шрифтов в одном email может сделать текст беспорядочным, поэтому ограничьтесь двумя-тремя, которые органично дополняют друг друга: например, один – для заголовка, второй – для всего текста, третий – декоративный для выделения важных деталей на баннере. Избегайте сочетаний, которые не подходят по стилю (например: Arial и Comic Sans).
Подобрать красивый шрифт для письма – это только полдела, обязательно проверьте шрифт на все необходимые вам начертания и глифы. Т.к. не все могут содержать необходимые символы. Чтобы не использовать их из других шрифтов, лучше сразу выбрать подходящий.
Декоративные шрифты лучше использовать только в отдельных элементах и в небольшом количестве. Они плохо читаемы в длинных текстах, и не факт, что правильно отобразятся у пользователя. Если уж сильно хочется добавить в письмо что-то такое-эдакое – используйте безопасные антиква шрифты для рассылки, которые мы описали выше. А для остальных, с засечками, – рекомендуем перестраховаться и прописать в коде письма, какой шрифт (из безопасных) использовать почтовому клиенту, если он не может отобразить выбранный вами вариант.
Выберите такой шрифт письма, который будет органически дополнять сообщение и подчеркнет корпоративный стиль. Странно писать о серьезных вещах используя Comic Sans, но если вы с клиентами достаточно близки – почему бы и нет? Comic Sans – это один из шрифтов, который часто поддается критике. Если вам очень нравится этот шрифт – не нужно делать всё письмо в этом стиле. Выделяйте заголовки или отдельные элементы.
Ссылки оформляйте тем же шрифтом, что и весь текст письма – не используйте “голые” ссылки только с анкорами. Выбирайте подходящие по тексту и смыслу словосочетания, прочитав которые пользователь сразу поймет, куда ведет ссылка. Не используйте для анкоров общие слова “здесь” или “ссылка”.
В оформлении посадочной страницы используйте те же шрифты, что и в письмах. Так пользователь запомнит стиль и сможет быстро идентифицировать бренд.
Для кнопок подойдут шрифты Georgia и Verdana.
Если вы используете кастомные шрифты, обязательно делайте предварительную рассылку на разные устройства, чтобы убедиться, что шрифт отображается у всех почтовых клиентов. В коде письма указывайте запасной шрифт. Это нужно делать для каждого текстового блока через свойство font-family. К примеру, font-family: Georgia, Verdana, Serif – это значит, что сообщение отобразится шрифтом Georgia, если его нет, то Verdana, если и его нет, то любым системным с засечками.
Большинство почтовиков используют HTML для отображения писем, поэтому необходимо следить, чтобы использовались правильные коды для шрифта и стиля. Зачастую безопасные шрифты уже прописаны в верстке CSS, но мы напомним несколько кодов:

жирный шрифт:

&lt;strong&gt; &lt;/strong&gt;

или

&lt;b&gt; &lt;/b&gt;

точечный список:

&lt;ul&gt;
&lt;li&gt;первый пункт&lt;/li&gt;
&lt;li&gt;второй пункт&lt;/li&gt;
&lt;li&gt;третий пункт&lt;/li&gt;
&lt;/ul&gt;

курсив:

&lt;i&gt; &lt;/i&gt;

или

&lt;em&gt; &lt;em&gt;

добавление мелкого текста тем же шрифтом
```
&lt;small&gt; &lt;/small&gt;
```
абзац:
```
&lt;p&gt; &lt;/p&gt;
```

Добавление кастомных шрифтов

Попробовать

Применение элементов стиля в письмах

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

Жирный текст выделяет важные фразы и создает контраст в тексте. Большинство редакторов позволяют изменять текст жирным шрифтом, не добавляя HTML-теги. Этот стиль чаще всего используется для заголовков, подписей, отдельных слов или фраз, важных предложений.
Курсив «осторожно» привлекает внимание к вашим словам. Это хороший выбор для выделения одного слова или короткой фразы в пункте, разграничения подзаголовков, собственных имён или каких-то названий. Курсив может быть трудночитаем на экране компьютера, так что лучше ограничить использование курсива до отдельных слов и коротких фраз.

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

Подчеркнутый текст читатели могут принять за гиперссылки. Рекомендуем избегать подчеркиваний, т.к. это создает трудности для читателей с дислексией

Изменение размера текста. Делает текст более удобным для чтения на экране компьютера. Вы можете использовать различные размеры для заголовков и подзаголовков, чтобы привлечь внимание, или наоборот — сделать отдельный блок менее заметным. На примере ниже шрифт для подписи с меньшим кеглем, но на значимость блока это не повлияло. Он попросту не привлекает лишнего внимания и читатель дойдет до него в порядке очереди.
Цветной шрифт может как улучшить, так и испортить впечатление от внешнего вида вашего письма. Использование темного текста и светлого фона — наиболее приемлемый вариант, но не наоборот. Убедитесь, что цвет шрифта и цвет фона достаточно контрастны.
А в таком формате вообще непонятно, зачем столько красок. Хоть я и подписалась, но это письмо читать невозможно, в том числе и благодаря такой насыщенности и пестрости. Избегайте ярких контрастных цветов: синего, красного, желтого и т. д.), а особенно, если письмо состоит только из них.

Высота шрифта и отступы не менее важны для комфортного чтения. Основной шрифт делайте не менее 12 рх, с учётом того, что ваши письма могут читать на мобильных устройствах. Больше 16 рх все письмо тоже лучше не делать – это удлинит сообщение и читать его тоже будет неудобно.
Межстрочный интервал можно использовать от 1,5 до 2 – важно, чтобы текст не слипался между собой, но и растягивать его тоже не стоит.

К выводам

Определить лучший шрифт для электронных писем нельзя, это зависит только от вашей фантазии и возможностей почтовиков. Самые простые рекомендации:

выбирайте те шрифты, которые будут хорошо смотреться вместе и отражать общий стиль компании;
максимальное количество шрифтов в одном email – 3 (заголовок, текст, декоративные шрифты для выделения важных деталей);
проверяйте выбранный шрифт на все нужные глифы;
прописывайте запасные шрифты;
предварительно тестируйте рассылку.

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

Популярные шрифты для письма

Как выбрать и использовать шрифты для email-рассылки

Применение элементов стиля в письмах

К выводам