Маркетынг і аўтаматызацыя электроннай поштыМаркетынгавая інфаграфіка

Бяспечныя шрыфты электроннай пошты і лепшыя практыкі шрыфтоў электроннай пошты HTML

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

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

Выкарыстанне карыстацкіх шрыфтоў у электроннай пошце

Выкарыстанне знешніх шрыфтоў можа быць крыху больш складаным, чым у стандартным вэб-дызайне, з-за рознай падтрымкі паштовых кліентаў. Тым не менш, па-ранейшаму можна ўключаць знешнія шрыфты ў свае электронныя лісты для тых кліентаў, якія іх падтрымліваюць, і забяспечваючы запасныя шрыфты для тых, хто не падтрымлівае.

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

Аплеры

A адступленне font - гэта рэзервовы шрыфт, які паштовы кліент можа адлюстроўваць у выпадку, калі ён не можа адлюстраваць асноўны (знешні) шрыфт. Гэта гарантуе, што ваша электронная пошта застаецца чытэльнай і захоўвае запланаваны выгляд як мага бліжэй у розных асяроддзях прагляду.

  1. Выберыце свой знешні шрыфт: Выберыце знешні шрыфт, які вы хочаце выкарыстоўваць. Гэта можа быць з такой службы, як Google Fonts, або шрыфт, размешчаны на вашым вэб-серверы.
  2. Уключыце шрыфт у HTML вашага электроннага ліста: Для кліентаў электроннай пошты, якія падтрымліваюць гэта, вы будзеце спасылацца на знешні шрыфт у <head> HTML вашай электроннай пошты. Аднак многія паштовыя кліенты не дазваляюць спасылацца на знешнія рэсурсы з меркаванняў бяспекі. Замест гэтага вы можаце ўключыць шрыфт у якасці спасылкі ў надзеі, што паштовыя кліенты, якія дазваляюць знешнія спасылкі, адлюструюць яго.
  3. Укажыце запасныя шрыфты: выбірайце бяспечныя для Інтэрнэту рэзервовыя шрыфты, падобныя на ваш знешні шрыфт. Гэта павінны быць агульныя сямействы шрыфтоў, прадусталяваныя на большасці прылад і аперацыйных сістэм.
  4. Выкарыстоўвайце ўбудаваны CSS для азначэнняў стыляў: З-за абмежаванай падтрымкі CSS у многіх паштовых кліентах лепш за ўсё выкарыстоўваць убудаваны CSS для вызначэння стыляў, у тым ліку сямействаў шрыфтоў.

прыклад:

Дапусцім, вы хочаце выкарыстоўваць знешні шрыфт Адкрыйце Sans з Google Fonts, з Arial і без засечак у якасці запасных. Вось як вы можаце паспрабаваць:

<!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 тыпы шрыфтоў

  • Serif – Шрыфты з засечкамі маюць сімвалы з украпінамі, кропкамі і формамі на канцах рысак. Яны маюць афіцыйны выгляд, добра размешчаныя сімвалы і міжрадковы інтэрвал, што значна паляпшае чытальнасць. Самыя папулярныя шрыфты ў гэтай катэгорыі - Times, Georgia і MS Serif.
  • Sans 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 можа даць вам гэты кантэнт бясплатна, таму што мы манетызуем наш сайт за кошт даходаў ад рэкламы, партнёрскіх спасылак і спонсарства. Мы былі б удзячныя, калі б вы выдалілі блакіроўшчык рэкламы пры праглядзе нашага сайта.