Font Awesome 4.2.0 无法在兼容模式打开的 IE11 中呈现答案

【问题标题】：Font Awesome 4.2.0 not rendering in IE11 with Compatibility Mode turned "On"Font Awesome 4.2.0 无法在兼容模式打开的 IE11 中呈现
【发布时间】：2015-03-10 20:52:49
【问题描述】：

Font Awesome 4.2.0 在 Chrome、Firefox、Safari、Opera 和 Internet Explorer 11 中完美呈现（但仅在“关闭”兼容模式时）。在“打开”兼容模式的情况下，不会渲染字形图标。我尝试使用我在其他项目中使用过的可靠的 Font Awesome 4.2.0 CDN，使用 Font Awesome CSS，并按照 GitHub 帖子的建议在 <head> 中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge">允许字形在“打开”兼容模式的情况下进行渲染。这些解决方案都不起作用，并且“关闭”兼容模式不是该项目的选项。所以，总而言之，我的问题是这个。如何在“打开”兼容模式的情况下在 Internet Explorer 11 中呈现 Font Awesome 4.2.0？

【问题讨论】：

具有讽刺意味的兼容模式。我相信“兼容模式”使它可以有效地作为 IE7 运行，并且 Font Awesome 4 不支持 IE7（但通过一些努力，可以与 3 一起使用）。

标签： html css internet-explorer fonts font-awesome

【解决方案1】：

找到了解决方案。 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 需要作为 FIRST 标记放置在 <head> 中才能正常工作。希望这对遇到此问题的其他人有所帮助！

【讨论】：

@ManjitSingh 您能否提供更多信息以便我们尝试提供帮助？
@racecarjonathan 所以这是场景，我的项目中有一个问题是字体真棒图标没有在 IE11 中显示，所以我正在研究这个线程，但不幸的是这不是问题字体图标。 :( 实际上我使用的 display: table-cell; 不适用于 IE11。
修复了我的问题。它在 IE11 中工作 - 但突然间就不行了（以及我们自己的样式表的其他几个问题）。将标签移至顶部，问题已解决。

【解决方案2】：

我的开发机器上的 IE 11 遇到了这个问题（但在其他地方没有）。我的 Internet 选项设置为不允许字体下载。可能不会很常见，因为我在 Windows Server 上，但如果是这样，请尝试修复它：

[Gear] >> Internet 选项 >> 安全 >> 自定义级别 >> 下载 >> 字体下载 >> 启用

【讨论】：

【解决方案3】：

我也遇到过同样的问题。就我而言，以下修复有效：

Firefox（在较小程度上还有 Chrome 和 IE）存在无法下载字体的问题，因此无法正确显示任何图标。

已在多个位置确定了一个非常简单的修复程序，cdnjs/cdnjs#755 就是其中之一。

解决方法是将以下内容添加到 font-awesome.css 文件的开头（在 @font-family 调用之前）：

标头设置 Access-Control-Allow-Origin "*"

来源：https://github.com/thingles/foreground/issues/222

【讨论】：

尝试了所有常见的解决方案（几乎所有上面列出的），这是唯一有效的解决方案。

【解决方案4】：

我遇到了同样的问题，我只是在标签中添加了以下链接，它就起作用了。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

希望这会有所帮助！

【讨论】：

参考这里以了解更多关于为什么包含，您可以按照以下步骤自行托管样式表google.github.io/material-design-icons/…

【解决方案5】：

在我的情况下，它是在元素上设置的 display: table。删除它解决了一个问题。

【讨论】：

【解决方案6】：

考虑从文件末尾删除版本标签。这些标签会导致 IE 出现问题。

改变这个...

../fonts/fontawesome-webfont.eot?v=4.3.0'

到这个...

../fonts/fontawesome-webfont.eot'

【讨论】：