为什么 Glyphicons 在带有 Bootstrap 3 的 Firefox 中显示为数字代码？

Glyphicons 在使用 Bootstrap 3 的 Firefox 中无法正确显示

从版本 2.3 迁移到 Bootstrap 3 后，用户可能会遇到正确显示 glyphicon 图标的问题。特别是，Firefox 用户报告图标显示为数字代码（例如“E001”），而不是其预期的视觉表示形式。

解决方案：

问题源于 Bootstrap 定制版本中包含的损坏的字体文件。解决方法：

1. 下载以下字体文件手动：

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular .svg
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
   • https ://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot
2. 替换将 Bootstrap 目录中的现有字体文件与下载的字体文件合并起来。
3. 在浏览器中执行强力重新加载 (CTRL F5)。

完成这些步骤后，字形图标应在Firefox 和所有其他浏览器。请注意，您可能需要清除浏览器缓存才能使更改完全生效。

以上是为什么 Glyphicons 在带有 Bootstrap 3 的 Firefox 中显示为数字代码？的详细内容。更多信息请关注PHP中文网其他相关文章！