如何修复Mozilla Firefox查看view-source页面时的字体异常问题

方法1：修改全局等宽字体配置（操作最简单） #

• 打开 Firefox 浏览器，在地址栏输入 about:preferences#general 回车进入通用设置页
• 向下滚动找到「字体和颜色」板块，点击板块内的「高级」按钮
• 在弹出的字体配置窗口中，找到「等宽字体」下拉项，将默认绑定的 -moz-fixed 替换为你常用的等宽字体（可选Consolas、思源等宽、JetBrains Mono、Fira Code等）
• 取消勾选窗口底部的「允许页面选择显示字体而无需使用上面的选择」选项，点击「确定」保存配置
• 重启浏览器后配置永久生效，所有view-source页面都会调用你指定的等宽字体渲染，无需每次手动调整。

方法2：通过userContent.css单独配置源码页字体（不影响全局字体） #

如果你只需要修改源码页的字体，不想改动其他场景的等宽字体配置，可以使用自定义样式方案：

• 在地址栏输入 about:support 回车进入故障排除信息页，找到「配置文件夹」条目，点击右侧的「打开文件夹」按钮进入当前用户的Firefox配置目录
• 在配置目录下新建名为chrome的文件夹，如已存在则直接打开该文件夹
• 在chrome文件夹内新建文本文档，将文件名和扩展名修改为userContent.css（需要先开启系统的文件扩展名显示，避免生成userContent.css.txt的无效文件）
• 打开userContent.css文件，粘贴以下代码：

/* 仅对view-source源码页生效的字体配置 */
@-moz-document url-prefix("view-source:") {
  pre, code, * {
    font-family: "替换为你想要的等宽字体名称", monospace !important;
    font-size: 14px !important; /* 可根据需要调整字号 */
  }
}

• 保存文件后，在地址栏输入 about:config 回车，点击「接受风险并继续」进入高级配置页
• 搜索配置项 toolkit.legacyUserProfileCustomizations.stylesheets，点击切换按钮将值改为true
• 重启Firefox后配置生效，仅view-source页面会应用你指定的字体规则，不会影响其他网页和浏览器界面的字体显示。

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