如何修复火狐浏览器网页字体显示异常的问题

火狐浏览器字体异常需按渲染链路逐层修复：先确认WebRender启用状态，再禁用其子像素渲染并设微软雅黑为默认中文字体，接着禁用网页自主字体权，手动匹配UTF-8/GBK编码，最后通过userContent.css强制接管所有元素字体。

火狐浏览器网页字体显示异常，表现为文字发虚、变细、重叠、回退到默认字体、中文字体不生效或排版错乱，必须按渲染链路从底层配置、字体加载、编码解析到样式接管逐层干预。

确认是否启用WebRender导致字体发虚

在地址栏输入 about:support 并回车→滚动至“图形”区域→查看“合成器”右侧显示内容。若显示为【WebRender】，说明硬件加速已激活，字体模糊问题根源在此；若仍为“OpenGL”或“Basic”，后续所有WebRender相关操作均无效。

这一步不能跳过，否则所有抗锯齿修复都白做。

关闭WebRender子像素干预并重设中文字体链

第一步：在地址栏输入 about:config →点击“接受风险并继续”。

第二步：搜索 gfx.webrender.subpixel-antialiasing.enabled →双击设为 【false】。

第三步：搜索 gfx.font_rendering.cleartype_params.rendering_mode →双击设为 【1】。

第四步：打开 about:preferences#general →滚动至“语言和外观”→点击“字体和颜色”旁的“设置”按钮→在弹出窗口中将“简体中文”对应字体选为【微软雅黑】（不是“微软正黑体”或“SimSun”）→勾选“始终使用以下字体大小”并设比例为100%→点击“确认”→重启Firefox。

这两项 about:config 修改是硬开关，不改它们，任何 CSS 的 text-rendering 都不会起效。微软雅黑是 Windows 系统中唯一完整支持 ClearType 灰度渲染且字重真实的中文字体，选错会直接导致 font-weight: bold 失效。

禁用网页自主字体权，强制全局使用黑体

方法一：图形界面控制

1. 地址栏输入 about:preferences#general 回车。

2. 滚动到“语言和外观”→点击“字体和颜色”右侧“设置”。

3. 取消勾选“允许页面选择自己的字体，而不是始终使用上面的字体”。

4. 在“标准字体”下拉菜单中选择“黑体”或“HarmonyOS Sans SC”。

5. 刷新网页验证字体是否统一。

方法二：底层配置锁定

1. 输入 about:config →接受风险。

2. 搜索 browser.display.use_document_fonts →双击改为 【0】。

3. 搜索 gfx.downloadable_fonts.enabled →确保值为 【false】。

4. 重启浏览器。

禁用 document fonts 后，button、input、svg text 等常被忽略的元素也会继承黑体，避免排版断裂。

手动匹配字符编码解决中文乱码

在网页任意空白处右键→点击“文字编码”→依次尝试“Unicode(UTF-8)”和“简体中文(GBK)”。每次切换后页面自动重载，【选错编码会导致文字更混乱，比如把UTF-8页面强行切到GBK，会出现双字节错位，一个汉字变成两个乱码】。

若需高频切换，可点击右上角三条横线→“定制工具栏…”→将左侧“文字编码”图标拖至地址栏右侧→关闭定制窗口。该按钮支持位置自定义，但【别放在太靠边的位置，否则缩放窗口时容易被隐藏】。

注入 userContent.css 强制接管所有网页字体

第一步：地址栏输入 about:support →点击“配置文件夹”旁的“打开文件夹”。

第二步：在打开的文件夹中，新建名为 chrome 的文件夹（若不存在）。

第三步：在 chrome 文件夹内新建纯文本文件，命名为 userContent.css。

第四步：用记事本打开该文件，粘贴以下内容：

body, button, input, select, textarea { font-family: "Microsoft YaHei", "HarmonyOS Sans SC", sans-serif !important; }

第五步：保存文件→关闭所有 Firefox 窗口→重新启动浏览器。

userContent.css 的优先级高于网页内联样式和大多数 @font-face 声明，能穿透 !important 封锁，适用于加载 WebFont 或存在深层嵌套样式的顽固站点。