我想在一个按钮中使用一个font-awsome图标。该图标在Firefox中正常工作，但当我在Chrome中使用它时，它显示为正方形。我环顾四周，唯一发现的是，字体的路径可能不正确，但是自从我尝试了cdn版本here之后，它仍然在firefox中工作，但不在Chrome中。在铬中显示为方块的字体真棒图标？
此外，我试图在我的电脑上的静态html文件相同的样式表它工作正常。
这里是正在使用的HTML的例子：
<a id="btnLogin" href="url.com" class="btn btn-primary btn-large disabled">
<i class="icon-refresh icon-white"></i>
Sign in using Facebook
</a>
同时，也是Web应用程序是建立与轨道和使用引导的模板。
任何有关可能导致此问题的想法？
我有同样的问题。但我很容易解决它。
在字体真棒字体文件必须放在“字体”目录，而不是在以前的版本“字体”目录。
上面的答案是正确的，但我想进一步澄清一步，因为我不认为这是明确的字体真棒页面入门。我添加了min.css样式表，并将其链接到我的页面的头部分。您还需要获取五个字体文件，并将其放入项目的“字体”文件夹中。应该有五个文件，他们将结束：
.eot .SVG 的.ttf .woff 杂项文件
我从GitHub这里检索到的文件：https://github.com/FortAwesome/Font-Awesome
谢谢你的说明。我在想有一天会解决这个问题，但现在它工作正常。 – stom 2015-02-17 09:30:50
如果你拥有了一切在适当的地方（你甚至检查了CSS以确保路径是正确的，你想知道如果你需要一个js文件），试着看看你的HTML：
<i class="fa-users"></i>
这将显示在问题中提到的数字/字母（而不是图标）的正方形。
<i class="fa fa-users"></i>
这会显示您的图标！ 请记住，在版本4.2.0中，您必须添加fa类！
希望它有帮助！
太棒了！谢谢先生！ – user 2015-01-10 16:17:37
对我来说，这个问题是由于我的一个CSS文件中有一个杂散数字4。
我拉着我的头发，并使用所有修补程序点缀在一起无济于事，但打开完全无关的CSS文件后，找到文档末尾的数字4并将其删除后，它完美运行。
因此，检查每个CSS文件的杂散字符。
很晚回答，但这可能会帮助另一个兄弟在那里！
我发现这个行为是通过NOT没有显示：block;在i/.fa元素上。
.fa是标准的内联块，但为了更好地兼容旧浏览器，我将其更改为阻止，但它必须是内联块或其他类似内容。
希望它可以帮助那里的人！
什么是页面的字符集 – 2013-04-04 08:25:27
你可以看到字体真棒字体在Chrome的字体真棒演示页面上正常工作吗？ – 2013-04-04 08:26:24
尝试添加''页头 – 2013-04-04 08:27:07