为什么我的字形在 Bootstrap 3 中无法正确显示？

对 Bootstrap 3 中的字形图标显示不正确进行故障排除

在从 Bootstrap 2.3 迁移到 Bootstrap 3 的过程中，您遇到了字形图标无法正确显示的问题。此问题在 Firefox 中尤为普遍。

问题根源：

问题源于 Bootstrap 自定义版本中包含的字体文件问题。这些文件已损坏，导致图标显示不正确。

解决方案：

要解决此问题，您可以手动下载字体文件并替换您自己的文件，或者简单地使用CDN。

手动下载选项：

1. 访问以下链接下载字体文件：

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.s vg
   • 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) 以应用更改。

CDN 使用选项：

如果您更喜欢使用 CDN，则无需手动替换字体文件。只需在 HTML 中包含以下 CDN 链接：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

这将确保从 CDN 加载正确的字体文件，解决图标显示问题。

以上是为什么我的字形在 Bootstrap 3 中无法正确显示？的详细内容。更多信息请关注PHP中文网其他相关文章！