@font-face引用TTF字体在Windows笔记本Chrome中无法生效问题求助

• 查看文件头标识：Mac版TTF的文件头ffil标记为true，Windows版对应标记为typ1，用字体编辑工具（如FontForge）打开文件，在字体信息面板的「文件类型」分类下可直接查看
• 查看字节序：Mac版TTF多采用大端字节序存储，Windows版默认采用小端字节序，打开文件时如果字体编辑工具提示「字节序不兼容」，基本可判定为Mac专属TTF
• 查看实际格式：部分Mac版TTF实际是隐藏了.dfont扩展名的TrueType集合文件，Windows原生不支持该格式

• 字体转码：用FontForge打开目标TTF文件，选择「生成字体」，输出格式选择Truetype，勾选「Windows兼容」选项后重新导出，转码后的文件可直接在@font-face中调用
• 多格式兜底配置：建议同时生成woff2、woff、otf格式的字体文件，按优先级排列src属性，兼容不同设备和浏览器，写法参考：

@font-face {
  font-family: "Univers-light-normal";
  src: url(font-family/Univers-light-normal.woff2) format("woff2"),
       url(font-family/Univers-light-normal.woff) format("woff"),
       url(font-family/Univers-light-normal.otf) format("opentype"),
       url(font-family/Univers-light-normal.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

• 字体名引用不匹配：检查实际调用font-family的属性值是否和@font-face中定义的完全一致，大小写、空格、特殊字符都要完全匹配
• 服务器MIME类型配置错误：如果站点部署在Nginx/Apache上，需要确认服务器配置了正确的TTF MIME类型，Nginx需要添加application/x-font-ttf ttf;到mime.types配置中
• 字体嵌入权限限制：部分TTF字体内嵌了web调用限制，可在FontForge的字体信息「嵌入权限」选项中查看，如果显示禁止嵌入就需要更换授权字体
• 跨域资源拦截：如果字体文件存放在其他域名下，需要配置CORS允许跨域访问，否则Chrome会拦截字体加载
• 字重/样式匹配异常：如果调用字体时指定了font-weight: bold或者font-style: italic，但@font-face没有声明对应字重/样式的字体文件，浏览器会直接 fallback 到系统字体
• 本地字体冲突：Windows端Chrome会优先调用本地安装的字体，如果本地安装的字体和web引用的字体内部命名冲突，会导致加载失败，可卸载本地安装的对应字体后再测试web加载效果

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