字体真棒& Bootstrap在Chrome中无法正常工作

时间:2014-02-27 09:27:10

标签: css google-chrome twitter-bootstrap font-awesome

在谷歌浏览器上的最后两次更新后,我在Font Awesome上渲染图标时出现问题。在一切正常之前,所有图标都已加载。

FontAwesome

当我在桌面上悬停任何图标时,所有其他图标也会出现。

Font Awesome css文件位于bootstrap css之后

@import 'bootstrap.min.css';
@import "font_awesome/font-awesome.min.css";

<i class="icon icon-ban-circle"></i>
  • Font Awesome 3.2.1
  • Bootstrap v2.2.1

1 个答案:

答案 0 :(得分:2)

您可能遇到与此处描述的Google字体相同的错误:https://code.google.com/p/chromium/issues/detail?id=336476

我的解决方法(直到谷歌发布v35(金丝雀))是让jquery像这样自动重绘身体:

$(function() { $('body').hide().show(); });

...页面加载(或准备好)后。幸运的是,这不会使页面闪烁。

祝你好运!