MacOS系统Firefox浏览器缺失字体的排查方法

使用Firefox开发者工具定位 #

• 打开异常网页，按F12或右键选「检查」启动开发者工具
• 切换到「字体」面板（若未显示，点击右上角「>>」按钮，在菜单中勾选「字体」）
• 选中页面显示异常的文本，面板会展示该元素实际加载的字体。如果显示的是系统兜底字体（如Times New Roman、Arial），而非网页指定字体，说明目标字体未加载成功
• 切换到「网络」面板，筛选「字体」类型，查看所有字体资源的加载状态：若某字体请求状态为失败、404或被拦截，即为缺失的字体文件

查看网页源码辅助确认 #

• 按Cmd+U打开网页源码，搜索@font-face规则，这里会列出网页声明的所有自定义字体，包含字体名称、文件路径等信息
• 对比开发者工具「字体」面板的实际加载字体，即可找出网页指定但Firefox未成功加载的字体

注：这类Firefox独有的字体加载问题，多源于字体格式兼容性（如部分woff2变体的支持差异）或浏览器字体加载策略差异，通过上述方法可精准定位问题。

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