刷新浏览器后 Font Awesome 图标消失答案

【问题标题】：Font Awesome icons disappear after refresh of browser刷新浏览器后 Font Awesome 图标消失
【发布时间】：2015-02-07 20:19:58
【问题描述】：

刷新页面 (F5) 后，我的字形图标从 Internet Explorer 11 网页中消失。但是当我通过单击其菜单链接打开网页（第一次刷新后）时，页面显示正确。 . .

在 chrome 中，即使在按 F5 后也可以正常工作。我正在运行 Bootstrap v3.3.1。

我从http://fortawesome.github.io/Font-Awesome/examples/ 获取了示例代码，但即使是这个简单的代码在按下 F5 后也不起作用

<div class="row">
    <class ="col-lg-12">
        <div class="list-group">
            <a class="list-group-item" href="#">
                <i class="fa fa-home fa-fw"></i>&nbsp; Home
            </a>
            <a class="list-group-item" href="#">
            <i class="fa fa-book fa-fw"></i>&nbsp; Library
            </a>
            <a class="list-group-item" href="#">
                <i class="fa fa-pencil fa-fw"></i>&nbsp; Applications
            </a>
            <a class="list-group-item" href="#">
                <i class="fa fa-cog fa-fw"></i>&nbsp; Settings
            </a>
        </div>
    </class>
</div>

如何在 Internet Explorer 中刷新页面后保持字形图标可见？

【问题讨论】：

Fontawesome 和 glyphicons 不是一回事
演示页面是否对您有同样的问题？
你能把你的代码放到 JSFiddle 里吗？某些东西与您的 CSS 发生冲突。注意 CSS 中的 * 属性。如果您在某处定义 *{font-family:...} 可能会出现问题...

标签： internet-explorer font-awesome glyphicons

【解决方案1】：

演示页面对我来说可以正常工作（@Isherwood），所以我的项目中一定有一些东西。

JSFiddle 工作正常 (@Ivijan Stefan Stipić)，但我必须使用 CDN 来获取小提琴中的 .CSS 和 .JS 文件。

所以看来我对 font-awesome.min.css 的引用（Fontawesome 与 glyphicons @Doctus 不同）是问题所在。

我将其替换为 CDN 参考：

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

现在可以正常使用了。

【讨论】：

但这并不是一个真正的答案。这是一种解决方法。有谁知道问题的实际根源是什么？