Miten upotan mukautettuja fontteja sähköpostiin

Mukautetut fontit voivat näyttää erittäin tyylikkäiltä ja antaa sähköposteihin raikkaan tunnelman. Useimmat sähköpostiohjelmat eivät kuitenkaan tue niiden käyttöä. Tämä voidaan kiertää käyttämällä sähköposteissasi asianmukaista HTML-koodia. On hyvin huomattavaa huomata, että vaikka useimmat käyttäjät hyötyvät oletusarvoisesta web-fontista, jotkut pitävät enemmän mukautetun fontin tunnusta.

Suurimmat sähköpostiohjelmat tukevat käytettävissä olevien fonttien valintaa sähköpostin asetuksissa tai asetusvalikossa. Joissakin tapauksissa voit suoraan käyttää komentoa, jolla voit tuoda uuden fontin ja soveltaa sitä sähköposteihin. Huomaa, että komennot ”@font-face” ja ”@import” ovat käytettävissä vain Apple Mailissa ja hyvin harvoissa muissa ohjelmissa.

Tässä opetamme käyttämään näiden komentojen toimintoja HTML-koodissa. Näin voit käyttää tuotuja ja mukautettuja fontteja sähköposteissasi. Tätä varten saatat tarvita perustiedot HTML:stä. Yritämme kuitenkin tehdä tästä mahdollisimman helposti ymmärrettävää.

Miten upotan mukautetut fontit sähköpostiin?

Käsitellään tämä vaihe vaiheelta.

  1. Mene ensin HubSpot-tilillesi tai luo sellainen, jos sinulla ei vielä ole, klikkaa Markkinointi, sitten Tiedostot ja mallit ja sitten Suunnittelutyökalut.
  2. Klikkaa etsimellä koodatun mallin nimeä, jotta editori avaa sen. Voit vaihtoehtoisesti luoda uuden mallin.
  3. Kopioi nyt alla oleva koodi ja liitä se HTML-koodisi <head>-osioon. Muista, että tämä koodimalli on se, jota käytät sähköposteissasi aina, kun haluat käyttää tiettyä mukautettua fonttia. Liimatun koodin tulisi olla <style>-tagien välissä, sen tulisi korvata font-family ja lähde-URL valitsemallasi fontilla.

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

  4. Viimeiseksi voit halutessasi viitata fonttiin sähköpostin tekstissä. Tämä voidaan sijoittaa sähköpostin päätekstin loppuun ja se tehdään seuraavalla koodilla:
    ”<span style=”font-family: DeliciousRoman;”>Kuvaile, mitä sinulla on tarjottavana asiakkaalle.</span>”
  5. Viimeisenä vaiheena tee kaikki muut muokkaukset tai muutokset sähköpostimalliisi ja napsauta vain Julkaise muutokset. Tämän jälkeen tätä mallia käyttävissä sähköposteissasi käytetään mukautettua fonttia, jonka olet valinnut ensimmäisellä koodilla. Voit käyttää tätä koodia missä tahansa sähköpostiohjelmassa, joka sallii oman HTML-koodin toteuttamisen sähköposteihin.

Huomautukset.

Mikäli tässä prosessissa käytetään HubSpotia porkkanana, voit käyttää luotua HTML-koodia missä tahansa sähköpostiohjelmassa itse. Tätä varten sinun on vain vaihdettava sähköpostiohjelmasi pääkirjoitustoiminto. Tämä voidaan tehdä Outlook- ja Gmail-alustoilla.

Google Fontsista löydät laajan valikoiman web-fontteja, joita voit käyttää sähköposteissasi. Jokainen sivulla oleva fontti on vapaasti käytettävissä, ja vaihtoehtoja on melko paljon. Jos haluat tietää lisää paikkoja, joista saat fontteja, voit kokeilla joitakin seuraavista sivuista, nämä kuitenkin veloittavat palveluistaan rahaa. MyFonts, Commercial, FontSpring, Typotheque, Village, FontShop ja Process Type Foundry.

Ole myös tietoinen siitä, että joillakin sähköpostiohjelmilla on oletusarvoinen kirjasintyyppi käytettävissä jokaiseen sähköpostiin. Apple Mail käyttää Helveticaa, Gmail käyttää Arialia ja Microsoft Outlook käyttää Calibria.

Viimeiseksi kannattaa tietää, että jos käytät Google Fontsia, fontin URL-osoite voi muuttua tulevaisuudessa. Siinä tapauksessa, että näin tapahtuu, voit aina valita varafontin siltä varalta, että pääfontti ei toimi, tämä on kuitenkin aivan eri asia.

Johtopäätös.

Jos olet tekemisissä sähköpostimarkkinoinnin kanssa tai haluat vain muokata sähköpostiviestejäsi, tämä on nopea tapa tehdä se. Mukautettu fontti voi auttaa lukijoitasi tuntemaan itsensä sitoutuneemmiksi sähköposteihisi vain siksi, että ne eivät näytä samalta kuin useimmat muut sähköpostit. Tämä tarkoittaa, että sinulla on tarpeeksi luottamusta brändiisi, jotta voit huolehtia pienistä yksityiskohdista, kuten fontista.

Jos löysit tämän artikkelin hyödylliseksi ja haluat tietää lisää sähköpostimarkkinoinnista yleensä, löydät lisää artikkeleitamme vierailemalla blogissamme.

Vastaa

Sähköpostiosoitettasi ei julkaista.