字体真棒图标并不总是显示在最新的 Google Chrome 版本 32.0.1700.76 m答案

【问题标题】：font awesome icons not always displaying in the latest Google Chrome Version 32.0.1700.76 m字体真棒图标并不总是显示在最新的 Google Chrome 版本 32.0.1700.76 m
【发布时间】：2016-06-23 13:18:49
【问题描述】：

我使用的是最新的谷歌浏览器。它一发布，我就注意到一些字体很棒的图标没有正确显示。相反，我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后，这也不会改变。当我将鼠标悬停在它们上时，图标就会出现。

这可以通过以下网址看到：

http://fontawesome.io/icons/

有没有其他人注意到这一点。我认为它会影响每个拥有新浏览器的人。请注意，有一天它可以工作并显示它们，第二天有一些我看不到的图标。可能是时间问题。我的连接速度相当慢。

【问题讨论】：

你在其他浏览器上查看了吗....？
这是 Chrome 32 版本问题.. 检查此链接 -------- code.google.com/p/chromium/issues/detail?id=332958
谢谢。好像32版本有很多问题。我有没有滚动条的下拉选择，除非我使用箭头按钮，否则我什至无法访问某些项目。滚动条卡住了。我不敢相信浏览器会出现这么多简单的问题:-(
code.google.com/p/chromium/issues/detail?id=336075
但是，是的，我对这个最新的 chrome 版本不太满意。我似乎遇到了很多渲染错误。

标签： html css google-chrome font-awesome

【解决方案1】：

问题似乎与某些 chrome 扩展有关。就我而言，我禁用了 Adblock Plus，现在显示所有图标。

【讨论】：

这里相同，但有另一个扩展名。禁用后问题就消失了。

【解决方案2】：

这似乎是在 Windows 机器上使用 Chrome 的错误。重新排列 @font-face 中的字体格式，以便将 WOFF 放在 TTF 和 SVG 之前。

SVG 字体在支持它们的浏览器中呈现得更好。因此，您应该默认将它们放在首位。

【讨论】：

【解决方案3】：

我在一些浏览器和机器上看到了图标，但在其他浏览器和机器上却没有。在尝试移动标记后，确保 fa fa-* 类位于每个 i 标记上并确认 html5shiv.js 包含在 DOM 的末尾，我只是将 CSS 更改为使用 CDN，它就可以工作了。这将我从 4.1 版升级到 4.2 版。

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">

【讨论】：

【解决方案4】：

对于图标问题，您可以在 .htaccess 文件或 index.php 文件下添加以下代码。

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

【讨论】：

【解决方案5】：

地点!important

[class^="fi-"], [class*=" fi-"] {
    font-style: normal;
    font-family: foundation-icons !important;
    -webkit-font-smoothing: antialiased;
}

【讨论】：