我对glyphicons还是比较陌生，并且正在尝试找出是什么使它们如此气质。我在多个网站上都有它们，但我经常发现某个特定的Glyphicon不显示，或者有时在特定的网站上不显示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时，一切正常
但是，如果我将样式从其中复制到计算机上的同名文件中并进行链接，那么它将无法正常工作。我确认我已正确链接到它。
因此，如果我链接到在线样式表，则只能在我的一个本地网站上使用glyphicons。为什么不能使用本地样式表？
问题是由于字体的相对路径。查看https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css，您会看到类似以下内容：
url(../fonts/glyphicons-halflings-regular.ttf)
fonts文件夹是相对于css文件的，https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css因此可以正确下载它。
它在您的本地计算机上不起作用，因为本地Web服务器上缺少fonts文件夹。如果您希望它在您的本地计算机上运行，则还必须下载fonts文件夹，并将其放置在相对于您的正确文件夹中bootstrap.css
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句