Firefox中Calibri字体无法加载问题求助

以下是针对该问题的具体排查和解决步骤：

• 检查服务器的重定向规则
  Firefox对字体资源的重定向处理比Chrome更严格，先确认服务器是否针对Calibri.*字体文件设置了错误的302重定向规则。直接访问字体文件的完整URL（例如拼接域名后的/fonts/Calibri.woff2），查看Firefox中是否返回302状态码。如果是，修改服务器配置，移除针对Calibri字体的不必要重定向。

• 修正@font-face的路径与属性
  相对路径../fonts/可能在Firefox中解析异常，尝试改为绝对路径（假设字体目录在网站根目录下）；同时注意font-weight: regular不符合CSS标准，应改为normal，避免Firefox触发异常逻辑。修改后的代码示例：

  @font-face {
     font-family: "Calibri";
     src: url("/fonts/Calibri.eot");
     src: url("/fonts/Calibri.eot?#iefix") format("embedded-opentype"),
          url("/fonts/Calibri.otf") format("opentype"),
          url("/fonts/Calibri.ttf") format("truetype"),
          url("/fonts/Calibri.woff") format("woff"),
          url("/fonts/Calibri.woff2") format("woff2");
     font-weight: normal;
     font-style: normal;
  }
  

• 确认CORS配置（跨域场景）
  如果字体资源与页面不在同一域名下，Firefox要求必须配置正确的CORS头部。检查字体请求的响应头是否包含Access-Control-Allow-Origin，确保其允许当前页面域名访问。若缺失，在服务器端添加对应的CORS规则。

• 验证字体文件完整性与权限
  重新上传完整的Calibri字体文件到服务器，同时确保文件权限设置正确（服务器用户需具备读取权限），避免因文件损坏或权限不足导致Firefox请求异常。

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