为什么在 IE 中不加载 Font Awesome？答案

【问题标题】：Why isn't Font Awesome loading in IE?为什么在 IE 中不加载 Font Awesome？
【发布时间】：2012-12-12 18:24:47
【问题描述】：

在所有版本的 IE 中，Font Awesome 图标都无法在 this website 上加载（它在 Chrome、Safari、Firefox 和 Opera 中完美显示）。我应该在以下条件 IE 语句中加载 IE7+ 对 Font Awesome 的支持：

<!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" href="/css_archify/font-awesome-ie7.css">
<![endif]-->

我在两者之间加载了默认的 Font Awesome CSS，只是为了确保 :before 和 :after 伪元素在用于以下任何样式表之前得到支持。任何想法为什么这些图标没有显示在 IE 上？

【问题讨论】：

你读到了吗：github.com/FortAwesome/Font-Awesome/issues/38
是的，如上所述，我的目标是 IE7。

标签： internet-explorer cross-browser font-awesome

【解决方案1】：

在检查 Font-Awesome 的 CSS 之前，您需要修复 脚本错误，我知道 Font-Awesome 在 Quirks 模式下无法正确加载，但 它是 IE7 它使用了 CSS 规则和 javascript 的混合。

在 IE7 中，如果您有一个 javascript 行引发错误，它将停止执行其余代码。

给自己一个测试，创建一个只有一些 Font-Awesome 图标的空白页面，没有任何 javascript 插件，看看它是否正确加载。

【讨论】：

谢谢，@balexandre。我将在今天晚些时候修复这些脚本错误。您提到 IE7 在代码中发现错误时会停止执行代码：因此，即使这可能是 IE7 中未显示图标的原因，但它不适用于更高版本（IE 8、9 和 10）对吧？
此外，错误很可能来自</body> 之前包含的JavaScript 文件之一，而Font Awesome 正在<head> 中加载。哦，伙计，这太奇怪了。