font-weight inline 在某些 Outlook for Windows 中使用将 sans-serif 字体更改为 serif答案

【问题标题】：font-weight inline use changing sans-serif font to serif in some Outlook for Windowsfont-weight inline 在某些 Outlook for Windows 中使用将 sans-serif 字体更改为 serif
【发布时间】：2019-08-26 11:25:59
【问题描述】：

新手在 HTML 电子邮件中使用 \div\ 和围绕文本的内联字体粗细，以更接近地匹配轻量网络无衬线字体。在 Acid 的工具上使用 Email 可以很好地呈现。代码如下：

\\div style="text-align: left; font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: 300; 颜色：#333333；行高：28px；"\\

一位 PC/Outlook VIP 利益相关者看到 Arial 是衬线 Times New Roman-ish 字体。我不明白怎么做。

我怎样才能克服这一点——没有太多的 CSS？（我是 CSS 新手。）谢谢。

【问题讨论】：

标签： html-email

【解决方案1】：

对 Outllook 使用条件标签来强制字体系列（仅原生）和行高

<!--[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>

【讨论】：

作为参考，Microsoft/Outlook 已宣布将在未来版本的 Outlook 中删除此功能。但是因为它的电子邮件仍应包含上述针对旧版本的修复/

【解决方案2】：

Outlook 不支持 Helvetica Neue。当您在字体系列中包含特殊的网络字体时，它将恢复为 Times New Roman。

在此处查看有关电子邮件字体的更多信息：https://www.emailonacid.com/blog/article/email-development/best-font-for-email-everything-you-need-to-know-about-email-safe-fonts/

【讨论】：

谢谢。非常感谢您的耐心。
请包含页面中的重要元素，以便在页面丢失或死机时出现在 Stack Overflow 中。
像往常一样，Outlook 2007/10/13 不玩球，也不支持 font-face 或。此外，当您在字体系列中包含特殊的网络字体时，无论您是否指定了备用字体，它都会恢复为 Times New Roman。使用 font-face 方法导入字体时，请确保将其包装在 media{} 中：