E-mail marketing és automatizálásMarketing infografika

Biztonságos e-mail-betűtípusok és HTML e-mail-betűtípusok bevált gyakorlatai

Mindannyian hallották panaszaimat az e-mailes támogatás terén az évek során tapasztalt előrelépések hiányára vonatkozóan, így nem fogok (túl sok) időt tölteni ezzel a nyavalyával. Csak azt szeretném, ha egy nagy e-mail kliens (alkalmazás vagy böngésző) kitörne a csomagból, és megpróbálná teljes mértékben támogatni a legújabb verziókat. HTML és a CSS. Nincs kétségem afelől, hogy a cégek több tízmillió dollárt költenek e-mailjeik finomhangolására.

Ezért fantasztikus, hogy vannak olyan cégek, mint az Uplers, akik az e-mailek tervezésének minden aspektusában a csúcson maradnak. Ebben a legújabb infografikában a csapat végigvezeti Önt a tipográfián, valamint azt, hogy a különböző betűtípusok és jellemzőik hogyan használhatók az e-mailek testreszabásához.

Egyéni betűtípusok használata az e-mailben

Az e-mail kliensek eltérő támogatása miatt a külső betűtípusok használata kicsit nagyobb kihívást jelenthet, mint a hagyományos webdizájnban. Mindazonáltal továbbra is lehetséges külső betűtípusok beépítése az e-mailekbe azon ügyfelek számára, amelyek támogatják ezeket, miközben tartalék betűtípusokat biztosítanak azoknak, amelyek nem.

Az e-mail kliensek 60%-a támogatja az e-mail-tervezésben használt egyéni betűtípusokat, beleértve az AOL Mail-t, a Native Android Mail App-ot (nem a Gmailt), az Apple Mail-t, az iOS Mail-t, az Outlook 200-at, az Outlook.com-ot és a Safari-alapú e-mailt.

Felsők

A tartalék font egy tartalék betűtípus, amelyet az e-mail kliens megjeleníthet arra az esetre, ha nem tudja megjeleníteni az elsődleges (külső) betűtípust. Ez biztosítja, hogy e-mailjei olvashatóak maradjanak, és a lehető legpontosabban megőrizze tervezett megjelenését a különböző megtekintési környezetekben.

  1. Válassza ki a külső betűtípust: Válassza ki a használni kívánt külső betűtípust. Ez lehet egy szolgáltatásból, például a Google Fontsból, vagy a webszerverén tárolt betűtípusból.
  2. Szerelje be a betűtípust az e-mail HTML-kódjába: Az ezt támogató e-mail kliensek esetében a külső betűtípusra hivatkozik a <head> e-mail HTML-jéből. Sok e-mail kliens azonban biztonsági okokból nem engedélyezi a külső forrásokhoz való hivatkozást. Ehelyett megadhatja a betűtípust hivatkozásként, abban a reményben, hogy a külső hivatkozásokat engedélyező webmail kliensek megjelenítik azt.
  3. Adja meg a tartalék betűtípusokat: Válasszon webbiztonságos tartalék betűtípusokat, amelyek megjelenésében hasonlítanak a külső betűtípushoz. Ezeknek a legtöbb eszközre és operációs rendszerre előre telepített általános betűtípuscsaládoknak kell lenniük.
  4. Inline CSS használata stílusdefiníciókhoz: A sok e-mail kliens korlátozott CSS-támogatása miatt a legjobb gyakorlat a beépített CSS használata a stílusok meghatározásához, beleértve a betűtípuscsaládokat is.

Példa:

Tegyük fel, hogy a külső betűtípust szeretné használni Open Sans a Google Fontsból, az Arial és a sans-serif tartalékként. Így próbálhatja ki:

<!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>

Fontos szempontok:

  • E-mail ügyfélszolgálat: Sok e-mail kliens, különösen az olyan asztali programok, mint a Microsoft Outlook, nem támogatják a külső betűtípusokat. Az olyan webalapú kliensek, mint a Gmail, jobb támogatást nyújtanak, de a korlátozások továbbra is fennállnak.
  • Tartalék betűtípusok: Ezek elengedhetetlenek ahhoz, hogy e-mailjei működőképesek és esztétikusak maradjanak minden ügyfélnél. A sorrend a font-family a stílus a leginkább preferált betűtípustól a legkevésbéig terjed, és egy általános családdal végződik (sans-serif or serif).
  • Tesztelés: Mindig tesztelje HTML e-mailjeit különböző levelezőprogramokban, hogy megtudja, hogyan jelennek meg. Az olyan eszközök, mint a Litmus vagy az Email on Acid segíthetnek ebben.

Értékesítési és marketinges e-mailek esetében a vizuális vonzerő jelentősen befolyásolhatja az üzenet hatékonyságát. Bár egy egyedi külső betűtípus használatával kiemelheti e-mailjeit, elengedhetetlen annak biztosítása, hogy a tartalék betűtípusok megőrizzék az üzenet hatékony fogadásához szükséges professzionális és olvasható minőséget.

Az e-mailekben 4 betűtípust használnak

  • betűtalp – A Serif betűtípusok körvonalaik végén virágzásokkal, pontokkal és alakzatokkal rendelkező karaktereket tartalmaznak. Formális megjelenésűek, jól elhelyezett karakterekkel és sorközzel rendelkeznek, ami jelentősen javítja az olvashatóságot. Ebben a kategóriában a legnépszerűbb betűtípusok a Times, a Georgia és az MS Serif.
  • Serif nélkül – A Sans Serif betűtípusok olyanok, mint a lázadó fajták, akik saját benyomást szeretnének kelteni, és nem fűznek hozzá semmiféle díszes díszítést. Félig formális megjelenésűek, ami a praktikum megjelenését előmozdítja. A legnépszerűbb betűtípusok ebben a kategóriában az Arial, Tahoma, Trebuchet MS, Open Sans, Roboto és Verdana.
  • Monogram - Az írógép betűtípusa ihlette ezeknek a betűtípusoknak a karakterek végén egy blokk vagy „tábla”. Bár ritkán használják HTML e-mailekben, a legtöbb „tartalék” egyszerű szöveges e-mail a MultiMIME e-mailekben ezeket a betűtípusokat használja. E-mailek olvasása ezekkel a betűtípusokkal adminisztratív érzést kelt a kormányzati dokumentumokkal kapcsolatban. A Courier a leggyakrabban használt betűtípus ebben a kategóriában.
  • Kalligráfia – A múlt kézírásos betűit utánozva, ezeket a betűtípusokat az az áramló mozgás különbözteti meg egymástól, amelyet minden karakter követ. Ezeket a betűtípusokat kézzelfogható közegben nagyon szórakoztató olvasni, de digitális képernyőn olvasni meglehetősen nehézkes és megerőltető lehet. Tehát az ilyen betűtípusokat többnyire a címsorokban vagy logókban használják statikus képekként.

Az e-mailben biztonságos betűtípusok közé tartozik az Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet és Verdana. Az egyéni betűtípusok jó néhány családot tartalmaznak, és az ezeket nem támogató kliensek számára tartalék betűkészlettel kell kódolni. Ily módon, ha az ügyfél nem tudja támogatni a testreszabott betűtípust, akkor visszaáll egy olyan betűtípusra, amelyet támogatni tud.

Arial

font-family: Arial, sans-serif;

Grúzia

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;

Times

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

trebuchet

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

Verdana

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

A mélyebb áttekintéshez feltétlenül olvassa el Omnisend cikk: 

E-mail biztonságos betűtípusok és egyéni betűtípusok: Amit tudnia kell róluk

Tipográfia az e-mail infografikában
Forrás: Felsők

Ne felejtsen el kattintani, ha kapcsolatba szeretne lépni az infografikával.

Douglas Karr

Douglas Karr CMO of OpenINSIGHTS és az alapítója a Martech Zone. Douglas több tucat sikeres MarTech startupnak segített, több mint 5 milliárd dolláros átvilágításban segédkezett a Martech akvizíciókban és befektetésekben, és továbbra is segíti a vállalatokat értékesítési és marketingstratégiáik megvalósításában és automatizálásában. Douglas nemzetközileg elismert digitális átalakulás és MarTech szakértő és előadó. Douglas egy Dummie's Guide és egy üzleti vezetői könyv szerzője is.

Kapcsolódó cikkek

Vissza a lap tetejére gombra
közel

Adblock észlelve

Martech Zone ingyenesen tudja biztosítani Önnek ezt a tartalmat, mivel webhelyünkkel bevételt szerezünk hirdetési bevételek, társult linkek és szponzorálás révén. Nagyra értékelnénk, ha eltávolítaná hirdetésblokkolóját, miközben megtekinti webhelyünket.