Hogyan ágyazzam be az egyéni betűtípusokat egy e-mailbe

Az egyéni betűtípusok nagyon stílusosan nézhetnek ki, és friss hangulatot kölcsönözhetnek az e-maileknek. A legtöbb e-mail kliens azonban nem támogatja a használatukat. Ezt meg lehet kerülni az e-mailek megfelelő HTML-kódjának használatával. Nagyon figyelemre méltó, hogy bár a legtöbb felhasználó számára előnyös az alapértelmezett webes betűtípus, néhányan mégis jobban szeretik az egyéni betűtípusok érzetét.

A legtöbb e-mail kliens támogatja a rendelkezésre álló betűtípusok kiválasztását a beállításokban vagy az e-mail opciók menüjében. Bizonyos esetekben közvetlenül egy parancs segítségével importálhat új betűtípust, és alkalmazhatja azt az e-mailekben. Vegye figyelembe, hogy az “@font-face” és az “@import” parancsok csak az Apple Mailben és nagyon kevés más kliensben állnak rendelkezésre.

A következőkben megtanítjuk, hogyan használhatja e parancsok funkcióját egy HTML-kódban. Ez lehetővé teszi, hogy importált és egyéni betűtípusokat használjon az e-mailekben. Ehhez szükség lehet alapvető HTML-ismeretekre. Megpróbáljuk azonban ezt a lehető legkönnyebben érthetővé tenni.

Hogyan ágyazzam be az egyéni betűtípusokat egy e-mailbe?

Lépésekről lépésekre haladjunk.

  1. Először is lépjen be a HubSpot fiókjába, vagy hozzon létre egyet, ha még nincs, kattintson a Marketing, majd a Fájlok és sablonok, majd a Tervezési eszközök menüpontra.
  2. A kereső segítségével kattintson a kódolt sablon nevére, hogy a szerkesztő megnyissa azt. Alternatívaként létrehozhat egy új sablont.
  3. Most másolja ki az alábbi kódot, majd illessze be a HTML-kód <head> szakaszába. Ne feledje, hogy ezt a kódsablont fogja használni az e-mailjeihez, amikor egy adott egyéni betűtípust szeretne használni. A beillesztett kódnak a <style> tagek között kell lennie, a font-family-t és a forrás URL-t kell helyettesítenie az Ön által választott betűtípussal.

    “<style>
    @font-face {
    font-family: DeliciousRoman;
    src: url(https://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    }
    </style>”

  4. Végül érdemes hivatkozni a betűtípusra az e-mail szövegében. Ezt az email fő szövegének végén lehet elhelyezni, és a következő kóddal történik:
    “<span style=”font-family: DeliciousRoman;”>Írd le, hogy mit tudsz ajánlani az ügyfélnek.</span>”
  5. Az utolsó lépésként fejezd be az e-mail sablon minden egyéb szerkesztését vagy módosítását, és csak kattints a Módosítások közzététele gombra. Ezzel az ezt a sablont használó e-mailjei az első kóddal kiválasztott egyéni betűtípust fogják használni. Ezt a kódot bármely olyan e-mail kliensben használhatja, amely lehetővé teszi, hogy saját HTML-kódot implementáljon az e-mailekbe.

Jegyzetek.

Míg ez a folyamat a HubSpotot használja vázlatként, a generált HTML-kódot bármely e-mail kliensben saját maga is használhatja. Ehhez egyszerűen csak át kell kapcsolnia az e-mail kliens fő írási funkcióját. Ezt az Outlook és a Gmail platformokon teheti meg.

A Google Fonts-ban webes betűtípusok széles választékát találja az e-mailekben való használathoz. Az oldalon minden betűtípus ingyenesen használható, és elég sok lehetőség közül választhat. Abban az esetben, ha további helyekre vagy kíváncsi, ahol betűtípusokat szerezhetsz be, kipróbálhatsz néhányat az alábbi oldalak közül, ezek azonban pénzt kérnek a szolgáltatásaikért. MyFonts, Commercial, FontSpring, Typotheque, Village, FontShop és Process Type Foundry.

Azt is vegye figyelembe, hogy egyes e-mail klienseknél minden e-mailhez alapértelmezett betűtípus áll rendelkezésre. Az Apple Mail a Helvetica, a Gmail az Arial, a Microsoft Outlook pedig a Calibri betűtípust használja.

Végül tudnia kell, hogy ha a Google Fonts-ot használja, a betűtípus URL címe a jövőben megváltozhat. Abban az esetben, ha ez megtörténik, mindig választhat egy tartalék betűtípust arra az esetre, ha a fő betűtípus nem működne, ez azonban egy teljesen más téma.

Következtetés.

Ha e-mail marketinggel foglalkozik, vagy csak szeretné testre szabni az e-mailjeit, ez egy gyors módszer erre. Az egyéni betűtípus segíthet abban, hogy az olvasók jobban elköteleződjenek az e-mailjei iránt, már csak azért is, mert nem úgy néznek ki, mint a legtöbb más e-mail. Ez azt jelenti, hogy eléggé bízik a márkájában ahhoz, hogy olyan apró részletekkel is törődjön, mint a betűtípusok.

Ha hasznosnak találta ezt a cikket, és szeretne többet megtudni az e-mail marketingről általában, akkor további cikkeinket a Blogunkban találja.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.