Електронний маркетинг і автоматизаціяМаркетингова інфографіка

Безпечні шрифти електронної пошти та найкращі методи використання шрифтів електронної пошти HTML

Ви всі чули мої скарги на відсутність прогресу в підтримці електронною поштою протягом багатьох років, тому я не буду витрачати (занадто багато) часу на скиглиння з цього приводу. Мені лише хотілося б, щоб один великий клієнт електронної пошти (програма або браузер) вийшов із пакету та спробував повністю підтримувати останні версії HTML та CSS. Я не сумніваюся, що компанії витрачають десятки мільйонів доларів на налагодження своїх електронних листів.

Ось чому чудово мати такі компанії, як Uplers, які залишаються на висоті кожного аспекту дизайну електронної пошти. У цій останній інфографіці команда розповість вам про типографіку та про те, як різні шрифти та їхні характеристики можна використовувати для персоналізації ваших електронних листів.

Використання спеціальних шрифтів в електронній пошті

Використання зовнішніх шрифтів може бути дещо складнішим, ніж у стандартному веб-дизайні, через різну підтримку поштових клієнтів. Тим не менш, можна додати зовнішні шрифти до своїх електронних листів для тих клієнтів, які їх підтримують, а для тих клієнтів, які не підтримують, є резервні шрифти.

60% клієнтів електронної пошти тепер підтримують користувацькі шрифти, які використовуються у дизайні вашої електронної пошти, включаючи AOL Mail, рідну програму Android Mail (не Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com і електронну пошту на основі Safari.

Апплери

A відступати font — це резервний шрифт, який клієнт електронної пошти може відобразити, якщо він не може відобразити основний (зовнішній) шрифт. Це гарантує, що ваша електронна пошта залишається читабельною та зберігає належний вигляд у різних середовищах перегляду, наскільки це можливо.

  1. Виберіть свій зовнішній шрифт: виберіть зовнішній шрифт, який ви хочете використовувати. Це може бути така служба, як Google Fonts, або шрифт, розміщений на вашому веб-сервері.
  2. Додайте шрифт у HTML-код свого електронного листа: для клієнтів електронної пошти, які підтримують це, ви будете посилатися на зовнішній шрифт у <head> HTML вашої електронної пошти. Однак багато клієнтів електронної пошти не дозволяють посилатися на зовнішні ресурси з міркувань безпеки. Натомість ви можете включити шрифт як посилання, сподіваючись, що клієнти веб-пошти, які дозволяють зовнішні посилання, відтворять його.
  3. Укажіть резервні шрифти: виберіть веб-безпечні резервні шрифти, які за зовнішнім виглядом схожі на ваш зовнішній шрифт. Це мають бути загальні сімейства шрифтів, попередньо встановлені на більшості пристроїв і операційних систем.
  4. Використовуйте вбудований CSS для визначення стилю: через обмежену підтримку CSS у багатьох клієнтах електронної пошти найкраще використовувати вбудований CSS для визначення стилів, у тому числі сімейств шрифтів.

приклад:

Припустимо, ви хочете використовувати зовнішній шрифт Open Sans із Google Fonts, із Arial і sans-serif як запасними. Ось як ви можете це спробувати:

<!DOCTYPE html>
<html>
<head>
  <title>Email with External Font</title>
  <!-- Attempt to include external font - not supported by all email clients -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
  <div style="font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;">
    Hello, this is a sample text using Open Sans, with Arial and sans-serif as fallbacks.
  </div>
</body>
</html>

Важливі міркування:

  • Підтримка клієнтів електронної пошти: багато поштових клієнтів, особливо настільних, як Microsoft Outlook, не підтримують зовнішні шрифти. Веб-клієнти, такі як Gmail, мають кращу підтримку, але обмеження все ще існують.
  • Резервні шрифти: це має вирішальне значення для того, щоб ваша електронна пошта залишалася функціональною та естетично привабливою для всіх клієнтів. Послідовність в font-family стиль йде від найбільш бажаного шрифту до найменшого, закінчуючи загальним сімейством (sans-serif or serif).
  • Тестування: Завжди тестуйте свої електронні листи HTML у різних клієнтах електронної пошти, щоб побачити, як вони відображаються. У цьому можуть допомогти такі інструменти, як Litmus або Email on Acid.

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

Існує 4 типи шрифтів, які використовуються в електронній пошті

  • Зарубка – Шрифти із засічками мають символи з завитками, крапками та фігурами на кінцях штрихів. Вони мають офіційний вигляд, добре розподілені символи та міжрядковий інтервал, що значно покращує читабельність. Найпопулярнішими шрифтами в цій категорії є Times, Georgia та MS Serif.
  • Без Serif – Шрифти без засічок схожі на бунтівників, які хочуть створити власне враження і не мають жодних вишуканих прикрас. Вони мають напівофіційний вигляд, що сприяє практичності над зовнішнім виглядом. Найпопулярнішими шрифтами в цій категорії є Arial, Tahoma, Trebuchet MS, Open Sans, Roboto і Verdana.
  • Вензель - Натхненні шрифтом друкарської машинки, ці шрифти мають блок або «пластину» в кінці символів. Хоча рідко використовуються в електронних листах HTML, більшість «запасних» електронних листів із простим текстом у електронних листах MultiMIME використовують ці шрифти. Читання електронної пошти з використанням цих шрифтів створює адміністративне відчуття, пов’язане з державними документами. Courier — найпоширеніший шрифт у цій категорії.
  • Каліграфія – Імітуючи рукописні літери минулого, ці шрифти відрізняються від плавного руху кожного символу. Ці шрифти досить цікаво читати на матеріальному носії, але читання їх на цифровому екрані може бути досить громіздким і напружувати око. Так, такі шрифти в основному використовуються в заголовках або логотипах як статичні зображення.

Шрифти, безпечні для електронної пошти, включають Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet і Verdana. Користувальницькі шрифти включають досить багато сімейств, і для клієнтів, які їх не підтримують, необхідно використовувати резервні шрифти. Таким чином, якщо клієнт не підтримує налаштований шрифт, він повернеться до шрифту, який підтримує.

Arial

font-family: Arial, sans-serif;

Грузія

font-family: Georgia, serif;

Helvetica

font-family: Helvetica, sans-serif;

Lucida

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 

Tahoma

font-family: Tahoma, Geneva, sans-serif;

Час

font-family: 'Times New Roman', Times, serif;

Требучет

font-family: 'Trebuchet MS', sans-serif;

Verdana

font-family: Verdana, Geneva, sans-serif;

Щоб дізнатися більше, обов’язково прочитайте Omnisend's стаття: 

Надішліть безпечні шрифти електронною поштою та користувацькі шрифти: що потрібно знати про них

Типографіка в електронної пошти інфографіки
джерело: Апплери

Обов’язково натисніть, якщо ви хочете взаємодіяти з інфографікою.

Douglas Karr

Douglas Karr є CMO компанії OpenINSIGHTS і засновник Martech Zone. Дуглас допоміг десяткам успішних стартапів MarTech, допоміг у належній перевірці понад 5 мільярдів доларів у придбання та інвестиції Martech, і продовжує допомагати компаніям у впровадженні та автоматизації їхніх продажів і маркетингових стратегій. Дуглас — міжнародно визнаний експерт і спікер з цифрової трансформації та MarTech. Дуглас також є опублікованим автором посібника для чайників і книги про лідерство в бізнесі.

Статті по темі

Догори кнопки
близько

Виявлено блокування реклами

Martech Zone може надати вам цей вміст безкоштовно, оскільки ми монетизуємо наш сайт за рахунок доходів від реклами, партнерських посилань і спонсорства. Ми будемо вдячні, якщо ви видалите блокувальник реклами під час перегляду нашого сайту.