Автор — Никита Аксютин
Шрифт, как часть экосистемы всего дизайна письма, влияет на восприятие письма подписчиком. Поэтому, если мы пишем письмо, шрифту тоже нужно уделить внимание. В крупных компаниях это вообще доведено до абсолюта: для узнаваемого фирменного стиля арт-директоры продумывают уникальный шрифт, который был бы и приятным, и ассоциировался бы с компанией. Почитайте, например, как Вконтакте обновлял фирменный стиль и какое место там уделено шрифту.
Конечно, это не значит, что у каждой компании должен быть свой шрифт. Разумеется, можно использовать уже существующие. Главное, чтобы шрифт укладывался в фирменный стиль, а подписчику было приятно по нему скользить.
В этой статье расскажу, как автору или email-маркетологу использовать шрифты для письма.
В почтовых клиентах работают не все шрифты
У почтовых клиентов (Gmail, Mail.ru, Яндекс) есть пул «безопасных шрифтов». Эти шрифты точно корректно отобразятся на десктопе и на смартфоне, в независимости от версии. К безопасным относятся Arial, Verdana, Times — вы наверняка слышали эти названия. Этот текст, например, написан шрифтом Arial.
Небезопасные шрифты непредсказуемы: они могут отобразиться, могут не отображаться вообще, а иногда отображаются выборочно от подписчика к подписчику. Мини-кейс о неработоспособности небезопасных шрифтов.
В большинстве случаев, почтовик заменит небезопасный шрифт на один из безопасных. Но тут проблема: мы не контролируем этот процесс и может оказаться, что выбранный почтовиком шрифт будет выбиваться из общей стилистики письма.
Вывод простой: в email не спорим с почтовиками и используем только безопасные шрифты. Тогда мы точно будем спокойны, что все подписчики увидят наш текст. В блочных редакторах сервисов рассылок по умолчанию предустановлены безопасные шрифты.
Список безопасных шрифтов без засечек:
Список безопасных шрифтов с засечками:
В рассылке используется тот же шрифт, что и на сайте
Для рассылки лучше использовать тот же фирменный стиль, что и на сайте. Ведь фирменный стиль должен быть един для всех платформ. В этом и смысл, чтобы клиент считывал и узнавал его на разных площадках: от вывесок и веба, до буклетов и писем.
Конечно, стиль может незначительно отличаться и адаптироваться к платформе, но общий дух всегда сохраняется. Например, у журнала T—Ж письма и сайт немного отличаются: в письмах больше элементов — кнопок, рамок, но меньше картинок. Но при беглом осмотре все равно понимаешь, что это стиль T—Ж.
Бывает так, что сайт использует необычный стиль и не менее необычный шрифт, который относится к небезопасным. Какой-нибудь, Proxima Nova, который использует на своем сайте Медуза . Как мы выяснили, такой шрифт для рассылок не годится.
Что можно придумать? Решений несколько:
- Подобрать альтернативу к этому шрифту из безопасных. Если есть возможность — попросить заняться этим вопросом дизайнера.
- Все равно использовать небезопасный шрифт. Но прописать при верстке html-код, какой шрифт использовать почтовику, если с изначальным конфликт. Как и в предыдущем варианте, нужна ближайшая альтернатива.
Если ни один из безопасных шрифтов не подходит и все равно нужно использовать оригинальный шрифт, то есть крайнее решение. Можно перегнать небезопасный шрифт в картинку и вставлять в письмо ее. Так часто поступают в заголовках и подзаголовках email-писем. Подписчик сможет читать текст, но не сможет его выделить, ведь он будет частью картинки.
Не рекомендую делать письмо из одних картинок: используйте текст хотя бы в футере письма — напишите о причинах получения письма и добавьте кнопку отписки. Раньше спам-фильтры почтовых служб относили письма с одними изображениями к спаму, сейчас с этим проще. Но как в анекдоте, осадочек остался. Исключение: если письма и так периодически попадают в спам, тогда использование одних картинок может стать решающей причиной, по которой письмо окажется в спаме.
Три популярных и универсальных шрифта, которые подойдут почти в любое письмо
По исследованию Smashing magazine в 50 популярных веб-сайтах (таких как CNN, BBC News, Time) чаще всего применяют шрифты Georgia, Arial и Verdana.
Эти шрифты хорошо читаются, знакомы и безопасны для рассылок. Если у вас не диковинный проект для которого нужен особый шрифт, типа как у «Батенька, да вы трансформер» , то эти три шрифта будут уместны почти всегда.
Georgia — приятный шрифт с засечками. По утверждению типографа Джерри Леонидаса, засечки направляют движение глаз, а зрение устает медленнее, чем при чтении шрифта без засечек.
Arial — отличный универсальный нестареющий шрифт. Сейчас, в сравнении с другими шрифтами, лично для меня он кажется скучноватым, но при чтении текста я, конечно, об этом не задумываюсь.
Verdana — шрифт без засечек, но с широким внутрибуквенным просветом. Из-за этого при сходных кеглях, абзац с шрифтом Verdana будете длиннее на несколько строк абзаца с другим шрифтом. Я уже говорил о симпатии к этому шрифту: просторный и лаконичный, люблю его 🧡. Я даже писал этот абзац шрифтом Verdana, но Дзен поменял его на Arial.
Какой шрифт вы используете в своих письмах?