1
Web fonts in Outlook, .woff or .otf?
Hi, I have a problem with fonts in my html-template. I was planning to use @font-face .woff fonts in my template, my now I got comment why I don't use .otf, which would be better supported in Outlooks. Would anyone know which option would be better and why?
I found this article about the subject, but would anyone have more current information about the subject:
http://stylecampaign.com/blog/2015/02/webfont-support-in-email/
Thanks for anyone that could help!
Hi Jaakko,
Here's what i do: if I have a .otf or .ttf file is convert it to a .woff via this tool:https://transfonter.org/
Then I upload the font to the hosting section of my ESP. After that I use the following css snippet (with desired font information added in of course):
@font-face {
font-family:'Your-Font';
font-style:normal;
src: url("https://hosting-source.bm23.com/99999/public/TemplateAssets/YourFont.woff") format("woff");
}
(and place this MSO conditional at the very end of my css)
<!--[if mso]>
<style>
span, td, table, div, a {
font-family: Helvetica, sans-serif !important;
}
</style>
<![endif]-->
Paul Airy also does a phenomenal job explaining webfonts in his newsletter Type:E which you can find here: http://createsend.com/t/d-31111365CA37ACC8