Outlook.com 更改 html 电子邮件中的字体系列答案

【问题标题】：Outlook.com changing font family in html emailOutlook.com 更改 html 电子邮件中的字体系列
【发布时间】：2014-10-06 19:26:49
【问题描述】：

当我单独使用带有 h3 标签的行时，会显示正确的字体。一旦我添加了带有 h1 标签的行，两者的字体都不正确。有谁知道这里发生了什么？我不知所措。谢谢。

这是我的代码：

<h1 style= "color:#000000; font-family:'Gotham-Light','Century Gothic', sans-serif; font-size: 58px; mso-line-  height-rule:exactly; line-height:58px;margin-bottom:0px;padding-bottom:0px; font-weight:normal">How LTCI is Priced
                                                 </h1>

<h3 style="color:#B21F24; font-family: 'Century Gothic', sans-serif; font-size: 32px; font-style: italic; mso-line-height-rule:exactly; line-height: 100%; text-align: left;font-weight:normal">Dynamics of LTCI Pricing
                                                        </h3>

【问题讨论】：

最好的猜测是 h1 样式属性中的拼写错误。
我找了这个，但找不到问题。在我上面粘贴的代码中，它分解了 mso-line-height，但这实际上是在我的 css 中组合在一起的。你还看到什么吗？

标签： html email font-family outlook.com

【解决方案1】：

Outlook 使用 Microsoft Word 的 html 呈现引擎呈现 html，并且只接受某些字体。解决这个问题的最佳做法是按照你的做法链接你的字体。

您已经回答了这个问题，但我想我会添加一些原因。 :)

https://litmus.com/blog/outlook-2013-still-powered-by-word-now-available-for-email-testing

【讨论】：

【解决方案2】：

我已经找到了答案 - 我希望它可以帮助其他人。 Outlook.com 不喜欢“Gotham-Light”。一旦我删除它，其他一切都按预期工作。

【讨论】：