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