我正在使用最新的Google Chrome。一旦它被释放，我注意到一些字体很棒的图标没有正确显示。相反，我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后，这也不会改变。当我将鼠标悬停在它们上方时，会出现图标。
可以通过访问以下网址看到：
是否还有其他人注意到这一点。我认为它会影响拥有新浏览器的每个人。请注意，有一天它可以工作并全部显示，第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。
答案 0 :(得分：3)
似乎问题涉及一些Chrome扩展。在我的情况下，我已禁用Adblock Plus，现在显示所有图标。
答案 1 :(得分：2)
这似乎是在Windows计算机中使用Chrome的错误。 重新排序@ font-face中的字体格式，以便在TTF和SVG之前放置WOFF。
SVG字体在支持它们的浏览器中呈现得更好。因此，您应该默认将它们放在第一位。
答案 2 :(得分：0)
我在某些浏览器和机器上看过图标但在其他浏览器和机器上看不到在尝试移动标记之后，确保每个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">
答案 3 :(得分：0)
对于图标问题，您可以在.htaccess文件或index.php文件下添加以下代码。
<FilesMatch ".(ttf|otf|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
答案 4 :(得分：-2)
放置!important
[class^="fi-"], [class*=" fi-"] {
font-style: normal;
font-family: foundation-icons !important;
-webkit-font-smoothing: antialiased;
}