Använda webbfonter i e-post eller nyhetsbrev i HTML-format

Senast uppdaterad den 16 nov. 2022

@import CSS-inbäddningskoden kan användas för att inkludera anpassade Web Fonts i HTML-e-post eller nyhetsbrev.  

Obs!

JavaScript-teckensnittshantering används för Adobes dynamiska deluppsättning, som krävs för webbteknesnittservering för östasiatiska språk.Eftersom det inte finns något alternativ för CSS-inbäddningskod kan dessa webbteckensnitt – inklusive de med stöd för kinesiska, japanska och koreanska språk – inte användas i HTML-e-post.

Välj teckensnitt att använda

Följ webbteckensnittshandledningen för att välja de teckensnitt du vill använda och skapa ditt projekt.

Lägg till inbäddningskoden

För att hitta inbäddningskoden för ditt projekt går du till webbprojektsidan.Leta upp projektnamnet och klicka sedan på alternativet "@import-länk". 

Lägg till <style>-taggarna med @import-inbäddningskoden i <head> för e-postmeddelandet, tillsammans med teckensnittsnamnen.

@import-inbäddningskoden som används i HTML-e-post

Teckensnittsnamnet som ska användas i CSS för att formatera din text visas också i webbprojektet. Läs mer om hur du använder teckensnitt i CSS.

Obs!

@import-inbäddningskoden måste vara i början av <style>-taggen med alla andra @import-uttryck, annars laddas inte teckensnitten.Endast en @charset-post tillåts vara med före @import-rader.

E-postklientstöd för Web Fonts

Vissa e-postklienter stöder inte HTML-e-post eller Web Fonts i e-post, vilket påverkar vad dina mottagare ser.Se till att ange reservteckensnitt i din e-post och testa din e-post innan du skickar den, så att den fungerar bra i alla klienter.

Här är en kort lista över populära e-postklienter och deras kompatibilitet med Web Fonts.

Klientnamn

Kompatibel?

AOL Mail

Ja

Android Mail App (inbyggd, inte GMail)

Ja

Apple Mail

Ja

GMail

Nej

Google Inbox

Nej

iOS Mail

Ja

Outlook 2000

Nej

Outlook 2011 (OS X 10.10+)

Ja

Outlook 2016 (OS X 10.10+ och Windows 10)

Ja

Radera ett projekt eller säga upp din prenumeration

Om du tar bort projektet som du använder i en e-postkampanj eller avbryter prenumerationen som är värd för det kommer typsnitten inte längre att vara tillgängliga för skickade e-postmeddelanden.Reservtypsnitten du angav eller e-postklientens standardtypsnitt används i stället.