与大多数企业一样，不幸的是，我们的大多数客户都使用 Outlook 作为他们的电子邮件提供商。在我现在处理的电子邮件中，Outlook 忽略了 CSS 字体样式并将其替换为 Times New Roman。我研究了这个问题并找到了足够的解决方案(outlook 类属性，所有 <td> 标签中的内联 CSS 样式，以及将样式标签放置在靠近文本的位置)，这些解决方案适用于电子邮件中的大部分文本，但留下了Times New Roman 中的几段主要文字。
我有来自 Mailchimp 的屏幕截图以显示它应该是什么样子，然后有来自 litmus 的屏幕截图以显示 Outlook 2007 如何呈现它。
免责声明:对于这封电子邮件，我们使用了从 envato 的 themeforrest 购买的模板，有人告诉我一些代码一开始就很不稳定，但我不知道如何改进它。
- 代码:
- Link to Code in Gist
- (我删除了此处未提及的部分)
- 截图:
- 1 - 主图片部分
- 2 - 推荐部分
- 3 - CTA/“感兴趣”部分
最佳答案
我不会依赖电子邮件的网络字体，它不可靠。许多电子邮件客户端只支持系统字体，因此最好的办法是在网络字体失败时选择后备字体。
您需要验证您所针对的 Outlook 版本是否支持网络字体。
https://www.campaignmonitor.com/resources/will-it-work/webfonts/
至于布局问题，您需要深入了解 HTML 电子邮件才能解决这些问题。
编辑:
检查一下:Outlook 2007 / 2013 not rendering CSS font-family declarations
关于html - Outlook 2007 忽略电子邮件中的 CSS 字体样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29128696/