twitter-bootstrap - Font Awesome 图标在 chrome 中显示为正方形？

Question

我正在尝试在按钮中使用字体很棒的图标。该图标在 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 应用程序是使用 Rails 构建的，并且使用 Bootstrap 作为模板。

关于可能导致这种情况的任何想法？

Answer 1

我遇到过同样的问题。但我很容易就修好了。

在 Font Awesome 中，字体文件必须放在“ 字体 ”目录中，而不是以前版本中的“ 字体 ”目录中。