Outlook Not Recognizing Fonts

Liz_Smith
Level 2

Outlook Not Recognizing Fonts

We are currently experiencing issues where in Marketo the font is appearing correctly, but when the email is opened in MSO on desktop, it reverts to a different font. We have hard coded the font and added a line of code of what to do in MSO, and it is still not working. Has anyone else experienced this issue or have any tips?


Here's the code we have embedded:

<!--[if mso]>

<style type='text/css'>

.primary-font {

font-family: noto-serif, serif !important;

}

</style>

<![endif]-->

<!--[if mso]>

<style type='text/css'>

.secondary-font {

font-family: Arial, sans-serif !important;

}

</style>

<![endif]-->

2 REPLIES 2
Casey_Grimes
Level 10

Re: Outlook Not Recognizing Fonts

Hi Liz,

Outlook cannot read fallbacks if they are non-Office standard fonts; in this case, you'd need to define .primary-font with 'Noto Serif', serif; in your first CSS block, then define .primary-font with Arial, sans-serif !important; afterwards. Remember your cascading rules. Additionally, you should probably define your non-MSO font-family to have a fallback after Noto Serif due to patchy webfont support on platforms such as Gmail—you ​can​ just define with serif, but that's a bit less than ideal.

Jay_Jiang
Level 10

Re: Outlook Not Recognizing Fonts

Custom fonts and Outlook (non-browser based) depends on if the custom font is installed on your computer. If the font isn't installed on your computer, no matter how you change your CSS, you won't see it.