Förstå teckensnitt i e-post

Du kommer att lära dig

Läs om möjligheter och begränsningar med att använda typsnitt online och hur du skickar e-postmeddelanden som stämmer överens med ditt varumärke.

Så fungerar typsnitt

Typsnitt är visuella representationer av text och kan användas i tryckta eller onlinebaserade medier. Du kanske känner till några av de vanligaste typsnitten, som Arial eller Times New Roman, men det finns tusentals andra typsnitt som du kan använda för att kommunicera och representera ditt varumärke.

Med online-media (som webbplatser eller e-post) är dina typsnittsalternativ nästan obegränsade. Men när du delar din skapelse med någon annan kanske den inte ser exakt likadan ut, eftersom alla enheter inte har tillgång till samma typsnitt.

Det finns två huvudsakliga sätt som en enhet kan komma åt och använda ett typsnitt: systemtypsnitt (dvs. typsnitt som lagras på enheten du använder) och webbtypsnitt (dvs. typsnitt som läses in från en extern server)

Om systemteckensnitt

Datorer och telefoner levereras förinstallerade med en mängd olika typsnitt. Det finns vissa typsnitt som ofta är installerade (de flesta enheter har till exempel Georgia och Verdana), men vad som ingår som standard kan variera stort mellan olika enheter. Teckensnitt som används av de flesta enheter kallas ”webbsäkra” teckensnitt.

Om webbteckensnitt

Till skillnad från webbsäkra teckensnitt läses webbteckensnitt in från en extern server samtidigt som innehållet du tittar på. Anpassade teckensnitt är vanligtvis webbteckensnitt. Om du använder ett webbteckensnitt bör du också ange ett webbsäkert reservteckensnitt, om en viss enhet inte kan läsa in ditt webbteckensnitt.

Om reservteckensnitt

När du visar något online, oavsett om det är en webbsida eller ett e-postmeddelande, finns det CSS (kod som används för att utforma innehåll online) i bakgrunden som talar om för din enhet vilket typsnitt som ska visas. Om din enhet inte kan komma åt typsnittet kontrollerar den CSS:en efter ett ”reservtypsnitt” (ett typsnitt eller flera typsnitt som valts av personen som skapade webbplatsen eller e-postmeddelandet, som ska användas om det önskade typsnittet inte var tillgängligt). Reservtypsnitt bör vara webbsäkra typsnitt som de flesta enheter kan använda. De ger dig mer kontroll över hur ditt meddelande visas när någon ser det på en enhet som inte har stöd för anpassade/webbtypsnitt.

Om det inte finns något reservtypsnitt, eller om reservtypsnittet inte stöds av enheten som används, använder enheten ett standardtypsnitt, som Arial eller Times New Roman. Standardtypsnitt varierar mycket mellan olika enheter och appar.

Så fungerar teckensnitt i e-post

Vissa e-postklienter stöder webbtypsnitt, men andra gör det inte. När någon öppnar ditt e-postmeddelande i en inkorg eller på en enhet som inte har stöd för webbteckensnitt ser de i stället ett standardteckensnitt. Du kan styra vilka systemteckensnitt som används som reserv genom att ställa in ett reservteckensnitt.

Om någon öppnar ditt e-postmeddelande på en enhet som stöder webbteckensnitt läser den in teckensnittet från webbadressen som anges i e-postmeddelandets CSS. Om enheten kan komma åt teckensnittet visas det. Annars går den vidare till reservteckensnitten.

Följande e-postklienter stöder webbteckensnitt (anpassade):

• Apple Mail
• iOS Mail (standardwebbläsaren för e-post på iOS)
• Google Android (förutom Android 2.3 som inte har stöd för @import -metoden som används av Google- och Adobe-teckensnitt)
• Samsung Mail (Android 8.0)
• Outlook för Mac

Observera att Gmail, en av de största e-postklienterna, i allmänhet inte har stöd för webbteckensnitt. Det finns dock ett undantag: Gmail har stöd för Roboto.

Optimera teckensnitt i dina mejl

Det bästa sättet att se till att ditt e-postmeddelande ser konsekvent ut på olika enheter är att använda ett webb säkert typsnitt. Klaviyo standardteckensnitt är vanligtvis webbsäkra. Hitta teckensnitten som Klaviyo tillhandahåller i:

• Innehåll > Bilder & varumärke > Varumärkestillgångar
• Fliken Stilar i dina e-postmeddelanden
• Avsnittet Stilar i alla e-postblock som innehåller text
• Fliken Stilar i redigeraren för registreringsformulär

Tips för att använda anpassade teckensnitt

Om du föredrar att använda ett anpassat teckensnitt kan du använda tipsen nedan för att säkerställa att dina e-postmeddelanden ser välformgivna ut på olika enheter.

Använd reservteckensnitt

Välj ett webbsäkert reservteckensnitt som matchar ditt anpassade teckensnitt så nära som möjligt. Du kan välja ett reservtypsnitt från Klaviyo's standardtypsnitt när du konfigurerar det anpassade typsnittet.

Använd text i bilder

Även om ett e-postmeddelande med enbart bilder kan skada din leveransbarhet kan du strategiskt använda en kombination av text i bilder och text i textblock för att skapa ett e-postmeddelande som passar ditt varumärke. Välj ett anpassat, varumärkesanpassat typsnitt för dina rubriker och uppmaningar (CTA:er) och para ihop det med ett webbsäkert typsnitt för din brödtext.

Använd bilder som innehåller ditt varumärkes teckensnitt för viss text och se till att lägga till alt-text när du lägger till bilderna i ditt e-postmeddelande. Använd sedan det webbsäkra teckensnittet på resten av texten i ditt e-postmeddelande. Resultatet är ett varumärkesanpassat e-postmeddelande som matchar din webbplats och samtidigt är tillgängligt i dina prenumeranters inkorgar.

Testa noggrant

Oavsett vilka metoder du väljer ska du testa dina e-postmeddelanden noggrant, särskilt när du använder en ny design. Skicka e-postmeddelandet till dig själv på flera enheter för att säkerställa att du är nöjd med hur det ser ut på varje enhet. Du kan också använda e-posttestprogram som Litmus eller Email on Acid för att testa med ett bredare utbud av enheter.

Ytterligare resurser