2 Replies Latest reply on Feb 11, 2019 2:38 PM by Jay Jiang

    Outlook Not Recognizing Fonts

    Liz Smith

      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]-->

        • Re: Outlook Not Recognizing Fonts
          Courtney Grimes

          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.

          1 of 1 people found this helpful
          • Re: Outlook Not Recognizing Fonts
            Jay Jiang

            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.