Outlook 2007 忽略电子邮件中的 CSS 字体样式

Question

与大多数企业界一样，不幸的是，我们的大多数客户都使用 Outlook 作为他们的电子邮件提供商。在我现在正在处理的电子邮件中，Outlook 忽略了 CSS 字体样式并将其替换为 Times New Roman。我已经研究了这个问题，并找到了适用于电子邮件中大部分文本的充足解决方案（outlook 类属性、所有<td> 标签中的内联 CSS 样式以及将样式标签放置在靠近文本的位置），但留下了Times New Roman 中的几条主要文字。

我有来自 Mailchimp 的屏幕截图来显示它应该是什么样子，然后从石蕊中显示 Outlook 2007 是如何呈现它的。

免责声明：对于这封电子邮件，我们使用了从 envato 的 themeforrest 购买的模板，有人告诉我，有些代码一开始就很不靠谱，但我知道的还不够多，无法改进。

• 代码：
  • Link to Code in Gist
  • （我已删除此处未提及的部分）
• 截图：
  • 1 - 主要图片部分
  • 2 - 见证部分
  • 3 - CTA/“感兴趣”部分

Answer 1

我不会依赖网络字体来发送电子邮件，它不可靠。许多电子邮件客户端仅支持系统字体，因此最好的办法是在网络字体失败时选择备用字体。

您需要验证您所针对的 Outlook 版本是否甚至支持网络字体。

https://www.campaignmonitor.com/resources/will-it-work/webfonts/

至于您的布局问题，您需要对 HTML 电子邮件有深入的了解才能解决这些问题。

编辑：

看看这个：Outlook 2007 / 2013 not rendering CSS font-family declarations

Answer 2

无法通过 gist 链接查看您的代码 但是，这只是一种预感，也许您可​​以尝试将代码的字体部分赋予它自己的样式标签。