font-weight inline use changing sans-serif font to serif in some Outlook for Windows

0
votes

Newbie using a \div\ and inline font-weight around text in an HTML email to more closely match a light web sans-serif font. It renders fine using Email on Acid's tool. Code as follows:

\\div style="text-align: left; font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: 300; color: #333333; line-height: 28px;"\\

One PC/Outlook VIP stakeholder is seeing the Arial in a serif Times New Roman-ish font. I don't see how.

How can I overcome that -- without too much CSS? (I'm a CSS-novice.) Thx.

2
html-email

2 Answers

2
votes

Use conditional tags for Outllook to force font-family(only native) and line-height

<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
    td,
    td p,
    td a {            
        font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;                 
    }

    td p,
    td a {
        mso-line-height-rule: exactly !important;
    }
</style>
0
votes

Outlook doesn't support Helvetica Neue. When you include a special web font in the font-family it will revert to Times New Roman.

See more about fonts for email here: https://www.emailonacid.com/blog/article/email-development/best-font-for-email-everything-you-need-to-know-about-email-safe-fonts/