Web安全字体Impact在iOS端各类邮件应用中无法正常显示问题咨询

你遇到的字体回退问题核心原因是Impact属于Windows系统预装字体，iOS、安卓系统默认未预装该字体，你当前仅配置了字体 fallback 栈，没有引入自定义Web字体，因此移动端客户端找不到对应字体就会自动回退到Arial。

修复方案 #

• 方案1：内嵌自定义Web字体
  在HTML邮件的<head>标签内添加@font-face规则，引入Impact对应的Web字体文件，兼容写法参考如下：

<head>
<style type="text/css">
@font-face {
  font-family: 'Impact';
  font-style: normal;
  font-weight: 400;
  /* 替换为你自己托管的字体文件地址，优先用woff2格式，兼容性更好 */
  src: url('自定义存储的Impact.woff2地址') format('woff2'),
       url('自定义存储的Impact.woff地址') format('woff');
  /* Outlook桌面端专属兜底字体配置 */
  mso-font-alt: 'Arial Narrow Bold';
}
</style>
</head>

你保留的MsoNormal类不会影响字体加载，无需调整。

• 方案2：优化内联样式声明
  给现有内联的font-family配置加上引号和!important，避免部分移动端客户端强制覆盖样式：

font-family: 'Impact', Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;

• 方案3：图片兜底
  如果担心部分老旧客户端仍不支持Web字体，可将核心促销文案（10% STOREWIDE SALE、SHOP NOW）导出为背景透明的PNG图片插入邮件，补充对应alt文本即可实现全端显示效果一致。

内容的提问来源于stack exchange，提问作者Isaac Reefman