Font Awesome 和 Bootstrap 在 Chrome 中无法正常工作答案

【问题标题】：Font Awesome & Bootstrap not working correctly In ChromeFont Awesome 和 Bootstrap 在 Chrome 中无法正常工作
【发布时间】：2014-03-30 15:03:02
【问题描述】：

在 Google Chrome 的最后两次更新之后，我在 Font Awesome 上呈现图标时遇到了问题。在一切正常并加载所有图标之前。

当我将任何图标悬停在表格行上时，所有其他图标也会出现。

Font Awesome css 文件位于引导 css 之后

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

<i class="icon icon-ban-circle"></i>

字体真棒 3.2.1
引导程序 v2.2.1

【问题讨论】：

你能给我一个网站链接吗？我需要它来检查元素以进行调试，因为我一直在使用最新的引导程序和字体在更新的 chrome 中很棒，而且完全没有问题
该站点在本地服务器上，我无法访问它。
始终将任何免费主机（例如 www.000webhost.com）用于此类目的，并使用 www.jsfiddle.net

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

【解决方案1】：

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

我的解决方法（直到 google 发布 v35 (canary)）是让 jquery 像这样自动重绘正文：

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

... 在页面加载（或准备好）之后。幸运的是，这不会使页面闪烁。

祝你好运！

【讨论】：

天哪，这是一个令人讨厌的解决方法..但它有效。我还注意到 Chromium 的字体渲染在 Linux 上几乎是随机的。我可以加载相同的页面 5 次，其中 2 个不会有相同的字体行高/字距调整。我想强迫症应该远离排版。