How to add custom font to email templates?

Question

I have 2 custom fonts (Sailec and Recoleta) that I want to use in my Marketo emails. I have already uploaded the .woff2 and .woff files into a font folder in Design Studio. What are my next steps to start using these fonts in my emails? I would like Sailec and Recoleta to be my main fonts in that order but have Arial, and Georgia fonts as fall backs.

SanfordWhiteman · Accepted Answer

I'm not sure if there's something else I'm still missing but I input the below code in the <head> of my email like the Litmus link you provided suggested.

<link href="http://pages.newrez.com/rs/152-KAN-566/images/RecoletaW05-Regular.woff" rel="stylesheet" type="text/css" />

And for the fallback font, it's currently set up as font-family: SailecW05, arial, georgia, helvetica, sans-serif; but I'm not seeing the font change in my emails. So I'm not sure if there's something else that I'm missing.

I'm not sure if there's something else I'm still missing but I input the below code in the <head> of my email like the Litmus link you provided suggested.<link href="http://pages.newrez.com/rs/152-KAN-566/images/RecoletaW05-Regular.woff" rel="stylesheet" type="text/css" />

That's the URL of the binary WOFF file. If you use the <link> method it needs to point to a CSS stylesheet that in turn references the font file.

SanfordWhiteman · Answer

Hi,

You can follow Litmus's guide here: https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/

There's nothing particularly special about Marketo w/r/t webfonts: they don't work in all clients by a long shot, but you can add them to any template.

Sign up

Login with SSO

Login to the community

Login with SSO