Firefox 115.9.1esr中Bootstrap Icons图标渲染异常求助

问题描述 #

访问Bootstrap Icons官网时，Firefox 115.9.1esr（64位）出现图标渲染异常，原本应显示house等图标的位置变为奇怪符号，且仅当前设备出现该问题。

异常渲染效果：

正确渲染效果：

排查与解决步骤 #

• 清除浏览器缓存和Cookie：
  打开Firefox，按下快捷键Ctrl+Shift+Delete，勾选「缓存」和「Cookie和站点数据」选项，点击「清除」后重启浏览器重试。

• 检查字体配置：
  输入about:preferences打开Firefox设置，依次进入「常规」→「语言和外观」→「字体和颜色」→「高级」，确认无衬线字体选择系统默认常用字体（如微软雅黑、Arial）。先取消勾选「允许页面选择自己的字体，替代上面的设置」并测试，之后再重新勾选该选项验证。

• 禁用扩展排查干扰：
  输入about:addons进入扩展管理页面，禁用所有已安装扩展，重启浏览器后访问官网。若恢复正常，逐个启用扩展定位问题插件。

• 重置Firefox默认设置：
  输入about:support打开浏览器信息页面，点击「刷新Firefox」按钮，将浏览器重置至默认状态（会保留书签、密码，清除扩展与自定义配置），之后重新访问官网测试。

• 检查系统字体状态：
  确认系统是否安装Bootstrap Icons依赖的字体文件，若缺失可从官方渠道下载安装；同时检查系统默认字体是否损坏，尝试修复或重新安装系统字体。

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