Многие клиенты NotiSend спрашивают: почему нельзя загружать свои шрифты в наш конструктор писем? В этой статье подробно объясним причины с технической точки зрения и расскажем, какие шрифты доступны в конструкторе по умолчанию.

Содержание:

Почему в конструкторе писем нельзя загрузить свой шрифт?

Email-маркетинг технически специфичен и имеет гораздо больше ограничений по сравнению с веб-страницами. Основная причина такого ограничения — нестабильная поддержка кастомных или уникальных шрифтов в популярных email-клиентах (Gmail, Outlook, Yahoo и других подобных сервисах).

Например, Gmail на Android и веб-версии полностью игнорирует подключенные через CSS кастомные шрифты и отображает вместо них стандартные (например, Roboto или Arial). Outlook для Windows, а также сервисы Office365 и Outlook.com также не поддерживают внешние шрифты в большинстве случаев, и по умолчанию заменяют их системными шрифтами.

Это приводит к таким негативным последствиям, как:

  • Нарушение вёрстки и разъезд элементов;
  • Ухудшение дизайна и восприятия вашего письма, например, при замене на fallback-шрифт вместо кастомного;
  • Рост вероятности, что получатель нажмет на кнопку «Спам», увидев странно оформленное письмо;
  • Потеря читабельности, например, слишком мелкий шрифт.
Fallback-шрифт — это запасной или резервный шрифт, который почтовые клиенты используют вместо основного, если тот по какой-то причине не загрузился.

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

Какие шрифты доступны в конструкторе NotiSend?

На данный момент в конструкторе доступны шрифты с автоматическими fallback на системные:

  • Avenir
  • Arial
  • Helvetica
  • Tahoma
  • Open Sans
  • Roboto
  • Ubuntu
  • PT Sans
  • Trebuchet MS
  • Georgia
  • PT Serif

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

Список стандартных веб-безопасных шрифтов в конструкторе NotiSend

Что делать, если обязательно нужен именно кастомный шрифт?

В NotiSend предусмотрен HTML-редактор писем, в котором опытный специалист по верстке HTML писем может использовать любой шрифт с помощью внешнего подключения Google Fonts, кастомного CDN-сервера или собственного хостинга.

Как в HTML-редакторе писем NotiSend добавить кастомный шрифт?

В HTML-редакторе можно подключать свой web-шрифт используя конструкцию @font-face внутри тега <style>. Пример базового подключения кастомного шрифта:

<style>
@font-face {
    font-family: 'CustomFont';
    src: url('https://example.com/fonts/CustomFont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'CustomFont', Arial, sans-serif;
}
</style>

Однако, делая это самостоятельно, важно помнить об ограничениях:

  • Обязательно протестируйте письмо в разных почтовых клиентах (Gmail, Outlook, Apple Mail, Yahoo и др.);
  • Всегда используйте надежные fallback-шрифты, которые будут отображаться там, где кастомный шрифт не загрузится;
  • Настраивайте код тщательно, избегая ошибок и неиспользуемых подключений, которые могут повлиять на репутацию отправителя.

Итак, если вы обладаете достаточной компетентностью в HTML-верстке писем и уверены в своих силах, а в дизайне письма необходимы специфические шрифты, вы можете использовать HTML-редактор NotiSend и подключить web-шрифты самостоятельно. Но перед отправкой рассылки тестируйте итоговый результат в разных почтовых клиентах.

Что делать, если нужен именно кастомный шрифт, но HTML-вёрстка не подходит? В этой статье мы разобрали, как использовать необычные шрифты в email-рассылке с помощью картинок — без кода и риска, что письмо отобразится некорректно.

Главное о шрифтах в конструкторе писем NotiSend:

  • В конструкторе доступны на выбор только стабильные web-safe шрифты. Это делается для того, чтобы ваша рассылка корректно отображалась во всех почтовых клиентах и на всех устройствах получателей.
  • Возможность загружать собственные шрифты отключена по техническим причинам, т.к. большинство популярных почтовых клиентов не поддерживают внешние шрифты.
  • В HTML-редакторе NotiSend вы можете вручную использовать любые внешние шрифты. Для этого вы должны понимать все технические нюансы и проводить тщательное тестирование готовых писем.

Какой бы вариант вы ни выбрали, главное — всегда тестируйте письма перед отправкой и убедитесь, что они выглядят хорошо, и вашим подписчикам будет легко их читать.