Anpassade typsnitt kan se väldigt snygga ut och ge en fräsch känsla till dina e-postmeddelanden. De flesta e-postklienter stöder dock inte användningen av dem. Detta kan man komma runt med hjälp av en ordentlig HTML-kod för dina e-postmeddelanden. Det är mycket anmärkningsvärt att märka att även om de flesta användare drar nytta av ett standardwebbtypsnitt, föredrar vissa känslan av ett eget typsnitt.
De flesta e-postklienter stöder valet av tillgängliga typsnitt i sina inställningar eller i alternativmenyn i ett e-postmeddelande. I vissa fall kan du direkt använda ett kommando för att importera ett nytt typsnitt och tillämpa det på dina e-postmeddelanden. Observera att kommandona ”@font-face” och ”@import” endast är tillgängliga i Apple Mail och mycket få andra klienter.
Här ska vi lära dig hur du använder funktionen av dessa kommandon i en HTML-kod. På så sätt kan du använda importerade och anpassade typsnitt i dina e-postmeddelanden. För detta kan du behöva ha grundläggande HTML-kunskaper. Vi kommer dock att försöka göra detta så enkelt att förstå som möjligt.
Hur bäddar jag in anpassade typsnitt i ett e-postmeddelande?
Låt oss ta detta steg för steg.
- Först går du till ditt HubSpot-konto, eller skapar ett om du inte redan har ett, klickar på Marknadsföring sedan Filer och mallar och sedan på Designverktyg.
- Med hjälp av sökaren klickar du på namnet på din kodade mall för att få redigeraren att öppna den. Du kan alternativt skapa en ny mall.
- Nu vill du kopiera koden nedan och sedan klistra in den i avsnittet <head> i din HTML-kod. Kom ihåg att den här kodmallen är den du kommer att använda för dina e-postmeddelanden när du vill använda ett visst anpassat typsnitt. Koden som klistras in ska vara mellan <style>-taggarna, den ska ersätta typsnittsfamiljen och käll-URL:n med ditt typsnittsval.
”<style>
@font-face {
font-family: DeliciousRoman;
src: url(https://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
}
</style>” - Slutligen kanske du vill hänvisa till teckensnittet i e-postmeddelandet. Detta kan placeras i slutet av huvuddelen av e-postmeddelandet och görs med följande kod:
”<span style=”font-family: DeliciousRoman;”>Beskriv vad du har att erbjuda kunden.</span>” - Som ett sista steg kan du slutföra alla andra redigeringar eller ändringar i din e-postmall och bara klicka på Publicera ändringar. Med detta kommer dina e-postmeddelanden som använder den här mallen att använda det anpassade typsnittet som du har valt med den första koden. Du kan använda den här koden i vilken e-postklient som helst som tillåter dig att implementera din egen HTML-kod i dina e-postmeddelanden.
Noter.
Men även om den här processen använder HubSpot som en crotch, kan du använda den HTML-kod som genereras i vilken e-postklient som helst på egen hand. För att göra detta måste du helt enkelt byta huvudskrivfunktion i din e-postklient. Detta kan göras i plattformarna Outlook och Gmail.
Du kan hitta ett stort antal webbtypsnitt som du kan använda i dina e-postmeddelanden i Google Fonts. Varje typsnitt på sidan är gratis att använda och det finns ganska många alternativ att välja mellan. Om du vill veta fler ställen att få tag på typsnitt kan du prova några av följande sidor, dessa tar dock betalt för sina tjänster. MyFonts, Commercial, FontSpring, Typotheque, Village, FontShop och Process Type Foundry.
Var också medveten om att vissa e-postklienter har en standardtyp av teckensnitt tillgänglig för varje e-postmeddelande. Apple Mail använder Helvetica, Gmail använder Arial och Microsoft Outlook använder Calibri.
Sist bör du veta att om du använder Google Fonts kan teckensnittets URL ändras i framtiden. I händelse av att detta händer kan du alltid välja ett reservtypsnitt ifall huvudtypsnittet inte fungerar, detta är dock ett helt annat ämne.
Slutsats.
Om du sysslar med e-postmarknadsföring eller bara vill anpassa dina e-postmeddelanden är detta en snabb metod för att göra det. Att ha ett anpassat typsnitt kan hjälpa dina läsare att känna sig mer engagerade i dina e-postmeddelanden bara för att de inte ser ut som de flesta andra e-postmeddelanden. Det betyder att du har tillräckligt förtroende för ditt varumärke för att kunna ta hand om små detaljer som typsnitt.
Om du fann den här artikeln hjälpsam och vill veta mer om e-postmarknadsföring i allmänhet hittar du fler av våra artiklar genom att besöka vår blogg.