我正在尝试在按钮内使用字体令人讨厌的图标。该图标在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 作为模板。

关于什么可能导致此的任何想法?

最佳答案

我遇到过同样的问题。但是我很容易修复它。

在“Font Awesome ”中,必须将文件文件放置在“字体”目录中,而不是先前版本中的“字体”目录中。

关于twitter-bootstrap - Font Awesome 图标在Chrome中显示为正方形?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15805978/

10-12 00:04
查看更多