Outlook 2019 Fall-Back Fonts配置不生效问题咨询

核心原因 #

Outlook 2019使用Microsoft Word内核渲染HTML内容，对字体族的解析规则和普通浏览器有很大差异，你遇到的问题是两个规则冲突导致的：

• 带空格、带后缀的web字体名称会被Outlook识别为无效字体，直接打断整条font-family回退链：当你写'Libre Caslon Text'时，Outlook既找不到这个未正确嵌入的web字体，还会跳过后续所有回退字体，直接使用系统默认 serif 字体，所以第一种写法连Times New Roman都无法生效。
• Libre Caslon是该字体家族的基础注册名，Libre Caslon Text是Google Font针对正文场景拆分的独立子字体族，Outlook的本地字体匹配逻辑不识别web端自定义的子字体族名称，当你写'Libre Caslon'时，Outlook匹配不到对应字体后会正常往下遍历回退链，所以Times New Roman可以正常生效。

遗漏的配置要点 #

• web字体嵌入规则：Outlook默认屏蔽所有外部样式链接，仅靠引用Google Font的外链无法让Outlook识别Libre Caslon Text字体，必须将字体文件转base64嵌入邮件头部的<style>标签，且@font-face中声明的font-family名称要和行内样式完全一致。
• 字体名称包裹规则：Outlook对单引号包裹的带空格字体名解析兼容性差，所有带空格的字体名统一用双引号包裹，比如font-family: "Libre Caslon Text", "Times New Roman", serif;
• Outlook专属兜底规则：可以添加Outlook专用条件注释，单独给Outlook指定兜底字体，避免回退链被意外打断：

<!--[if mso]>
<style>
* { font-family: "Times New Roman", serif !important; }
</style>
<![endif]-->

最优适配方案 #

如果不需要强制在Outlook中显示Libre Caslon Text，保留font-family: "Libre Caslon", "Times New Roman", serif;的写法即可：支持web字体的邮件客户端（如Apple Mail、Gmail网页端）会自动匹配到Libre Caslon Text字体，Outlook则正常回退到Times New Roman，不需要额外调整。

内容的提问来源于stack exchange，提问作者Paul Gilbert