Bootstrap glyphicons出现作为空方块

Question

如果我问一个之前已经回答的问题，我会道歉 - 但我对编码很陌生，认为我需要一个“像我五个人那样的解释”版本。

我已经安装了Bootstrap，并且正在尝试将GLYPHICONS放入我的按钮中。

但是当我尝试在一个按钮内放置一个glyphicon时......它看起来就像一个空方块。

例如，这是我的一段代码：

点击此处转到Google和＆lt;％= link_to“搜索”，“http://google.com”，类：“btn btn-danger btn-lg active glyphicon glyphicon-star”％＆gt;

按钮显示我想要的方式......除了“搜索”一词旁边的星号，我只看到一个空盒子。

知道为什么会发生这种情况/如何解决这个问题？

我的GitHub链接： https://github.com/JoshWeisman/pinteresting

提前感谢您的帮助！

Answer 1

如果您使用的是Chrome，请查看开发者工具 console （按页面上的F12）。大多数情况下，它说它无法找到字体文件，你修改CSS文件，直到它找到它们。查找它搜索字体文件的URL（但是没有找到错误），然后将它们修复到CSS文件中。