Найти тему
Stripo.email

Как добавлять и применять пользовательские шрифты в редакторе писем

Оглавление

Не секрет, что хороший текст дополняет дизайн емейла и побуждает клиентов совершить покупку.

Текст должен быть эмоциональным. “Упаковав” его в шрифт, который наилучшим образом соответствует ситуации и дизайну емейла, вы сделаете его заметным, эффектным и привлекательным. И часто бывает так, что веб-безопасных шрифтов недостаточно.

-2

В таком случае на помощь приходят пользовательские шрифты.
Большинство ESP-сервисов и конструкторов шаблонов писем предлагают только веб-безопасные шрифты. Тогда как Stripo.email предлагает 4 набора.

Наборы шрифтов, которые предлагает Stripo

Stripo предлагает вам четыре набора шрифтов, которые вы можете использовать в емейлах:

1. Стандартные/веб-безопасные шрифты

Arial, Comic Sans MS, Courier New, Georgia, Helvetica, Lucida Sans Unicode, Tahoma, Times New Roman, Trebuchet MS и Verdana — самые популярные шрифты, которые массово используются веб-сайтами и правильно отображаются большинством емейл-клиентов.

-3

2. Нестандартные шрифты

По поводу веб-безопасности этих десяти шрифтов некоторые профессионалы спорят до сих пор. Тем не менее, они широко используются в интернете. Например, Playfair Display представлен почти на 1,1 млрд сайтов; он популярен в основном в США и Западной Европе.

-4

Примечание: знаете ли вы, что количество стандартных и нестандартных шрифтов, используемых для ваших проектов, можно сократить, если вы сочтете какие-то из них ненужными?

Сделайте в своем аккаунте следующее:

  • зайдите в “Настройки проекта”;
  • найдите вкладку “Стандартные/нестандартные шрифты”;
  • нажмите кнопку переключения, чтобы удалить шрифт из списка.
-5

3. Шрифты для баннера

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

Stripo предлагает более 40 таких шрифтов.

-6

Список этих шрифтов виден только при работе с надписями на баннерах.

4. Пользовательские шрифты

Stripo позволяет добавить абсолютно любой шрифт, который вам нравится.

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

После установки новых шрифтов вы можете применять их к меню и ко всем текстам в емейлах, кроме баннеров.

Как добавить пользовательский шрифт в настройки проекта с помощью Stripo:

Прежде всего вам нужно найти шрифт на ваш вкус. Мне понравился Great Vibes, который я нашла на Google.fonts. Помимо около 1000 шрифтов, Google также показывает их популярные сочетания.

Итак, вам нужно выбрать шрифт, после чего кликнуть значок “плюс”

-7

Во всплывающем окне скопируйте ссылку — она ​​выделена на скриншоте ниже.

-8

Чтобы установить шрифт в свой аккаунт Stripo, вам нужно:

  • в правом верхнем углу экрана кликнуть по названию учетной записи;
  • выбрать “Настройки организации”;
-9
  • слева вы увидите вкладку “Проекты” — нажмите на нее;
-10

  • выберите проект, который вы собираетесь обогатить новым шрифтом (у меня есть только один проект);
  • нажмите кнопку “Настройки”;
-11
  • проскрольте вниз, чтобы увидеть раздел “Управление шрифтами”;
  • нажмите кнопку “Добавить пользовательский шрифт” (у меня уже добавлены три пользовательских шрифта);
-12
  • в открывшейся форме дайте шрифту название, вставьте URL-ссылку для встраивания и введите группу шрифтов, указанную в Google.
-13

Примечание: для вашего удобства мы настоятельно рекомендуем давать шрифтам их настоящие имена.

После правильного заполнения всех полей нажмите “Подключиться”.

В выпадающем списке шрифтов вы теперь увидите и новые.

Как применять пользовательские шрифты

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

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

Stripo настоятельно рекомендует не только тестировать емейлы/шрифты с помощью Email on Acid или Litmus, но также отправлять емейлы на все ваши адреса электронной почты, чтобы увидеть, как тот или иной шрифт выглядит в действительности.

Для своего теста я выбрала шрифт Great Vibes. Инструмент тестирования показал, что большинство устройств и емейл-клиентов заменяют Great Vibes на стандартный Arial (если в вашей ОС нет Arial, то Gmail применяет Helvetica). Тем не менее мой кастомный шрифт правильно работает в папке “Входящие”.

О чем следует помнить, выбирая новый шрифт для емейлов:

  • Шрифты Sans Serif обеспечивают лучшее восприятие и больше подходят для официальных текстов и бизнес-рассылок;
  • На чтение текста, написанного шрифтами Serif, уходит больше времени, но такие шрифты лучше работают для промо-писем;
  • Для HTML-писем оптимальный размер шрифта — 14px, но для мобильных устройств предпочтительнее использовать 16 пикселей;
  • Чтобы сделать ваши емейлы доступными, избегайте белого фона и текста с выравниванием по центру;
  • Вы можете добавлять новые шрифты в свой аккаунт Stripo, а также удалять те, которыми не пользуетесь для вашихх проектов.

Итак, теперь вы можете устанавливать любые декоративные шрифты на ваш вкус — и оживлять шаблоны емейл-рассылок.