New Outlook(2024)仅显示Inter字体粗体问题求助

这是Windows端New Outlook(2024)的已知字体权重渲染Bug，微软目前尚未完全修复该问题。以下是可尝试的解决方案：

• 显式指定单字重字体文件（自托管场景）
  若使用自托管的Inter字体，需在@font-face声明中为每个字重单独指定对应文件名，避免使用包含多字重的合并字体文件。示例代码：

  @font-face {
    font-family: 'Inter';
    font-weight: 400;
    src: url('Inter-Regular.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Inter';
    font-weight: 600;
    src: url('Inter-SemiBold.woff2') format('woff2');
    font-display: swap;
  }
  

  New Outlook(2024)会错误识别多字重字体文件，强制加载粗体版本，拆分文件后可规避该问题。

• 内嵌基础字重字体
  将Inter 400字体转换为Base64编码后内嵌到邮件中（通过@font-face的data:协议引入），虽然会增加邮件体积，但能强制客户端加载正确的常规字重。需注意内嵌时仍要严格对应字重声明。

• 客户端专属降级方案
  通过专属CSS条件查询，为New Outlook(2024)单独指定系统 fallback 字体，避免影响其他正常客户端：

  @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    _::-webkit-full-page-media, _:future, :root .outlook-new p {
      font-family: Segoe UI, sans-serif !important;
      font-weight: normal !important;
    }
  }
  

  该条件可精准命中Windows端New Outlook(2024)，确保常规文本显示正常。

目前微软官方论坛已有大量同类反馈，该Bug核心是客户端对自定义字体的字重解析逻辑异常，会忽略显式指定的font-weight值，默认加载字体文件中的粗体版本。

内容的提问来源于stack exchange，提问作者Morten Hjort