下载电子邮件图片后 Outlook 字体系列丢失

【问题标题】：Outlook font family lost after downloading email pictures下载电子邮件图片后 Outlook 字体系列丢失
【发布时间】：2021-06-27 09:32:23
【问题描述】：

我正在尝试使用字体系列“Gotham”创建电子邮件 html 模板。

它工作正常，但是当我单击消息中的下载图片按钮时它恢复为“New Times Roman”，我觉得这很奇怪，我无法理解原因或找到解决方案。

我正在使用下面的代码

<td style="font-family: 'Gotham' !important;">Test Font</td>

【问题讨论】：

标签： html css outlook html-email

【解决方案1】：

Outlook（桌面）不支持网络字体。 Gotham 不被视为电子邮件安全字体。通常，这些是：

宋体
新罗马时代
维达纳
格鲁吉亚

参考 - https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/

要强制 Outlook 回退到类似且电子邮件安全的字体，我建议在 HTML 的头部添加此声明：

<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
h1,h2,h3,h4,h5,h6,p,a,span,td,strong,li {
font-family:Helvetica,Arial,Verdana,sans-serif !important;
}
</style>
<![endif]-->

这个 sn-p 专门针对 Outlook，并将阻止它回退到 Times New Roman

【讨论】：