关于 Glyphicon Bug 的建议？答案

【问题标题】：Advice on Glyphicon Bugs?关于 Glyphicon Bug 的建议？
【发布时间】：2015-08-15 12:49:50
【问题描述】：

我对 glyphicons 还很陌生，我想弄清楚是什么让它们如此喜怒无常。我在几个网站上都有它们，但我经常发现某个特定的字形图标不显示，或者有时特定的网站上不会显示任何字形图标。

我的 HTML 如下所示：

<li><a href="/topics/vertebrate-physiology" title="Vertebrate Physiology">5. Vertebrate Physiology <span class="glyphicon glyphicon-eye-open" style="font-size: 125%; color: #fff;"></span></li>

奇怪的是当我链接到在线样式表@https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css时一切正常

但是，如果我将其中的样式复制到计算机上的同名文件中并链接它，它就不起作用。我确认我已正确链接到它。

因此，如果我链接到在线样式表，我似乎只能在我的一个本地网站上使用字形图标。为什么我不能使用本地样式表？

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

问题是由于字体的相对路径。查看https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css，您可能会看到如下内容：

url(../fonts/glyphicons-halflings-regular.ttf)

字体文件夹与https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css 的css 文件相关，因此可以正确下载。

它不适用于您的本地，因为您的本地 Web 服务器上缺少字体文件夹。如果您希望它在本地工作，您还必须下载字体文件夹并将其放在相对于您的 bootstrap.css 的正确文件夹中

【讨论】：

其实我有一个fonts文件夹，但一定是放错了位置。我将移动它，或更改样式表中的路径。谢谢。

【解决方案2】：

那是因为你没有在预期的地方有字体文件夹.. 在你下载的 CSS 文件中搜索 ../fonts/ 你会明白的。

从here下载引导程序的最佳方式

【讨论】：