我对字形相当新手，并试图弄清楚是什么让他们如此脾气暴躁。我在几个网站上都有它们，而且我经常发现某个特定的glyphicon没有显示，或者有时没有字形会显示在特定的网站上。
我的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
时，一切正常但是如果我将其中的样式复制到我的计算机上的同名文件并链接它，它就不起作用。我确认我与它正确联系。
因此，如果我链接到在线样式表，我似乎只能在我的本地网站上使用字形。为什么我不能使用本地样式表？
答案 0 :(得分：2)
问题是由于字体的相对路径。看https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css，您可以看到类似的内容：
url(../fonts/glyphicons-halflings-regular.ttf)
fonts文件夹是相对于https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css的css文件，因此可以正确下载。
它不适用于您的本地，因为本地Web服务器上缺少fonts文件夹。如果您希望它在您的本地工作，您还必须下载fonts文件夹并将其放在相对于bootstrap.css
答案 1 :(得分：0)
那是因为你没有预期位置的字体文件夹..在你下载的CSS文件中搜索 ../ fonts / ，你会明白的。
从here
下载引导程序的最佳方式