Font Awesome 4.2.0 无法在兼容模式打开的 IE11 中呈现
Posted
技术标签:
【中文标题】Font Awesome 4.2.0 无法在兼容模式打开的 IE11 中呈现【英文标题】：Font Awesome 4.2.0 not rendering in IE11 with Compatibility Mode turned "On" 【发布时间】：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 一起使用）。 【参考方案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'
【讨论】：
以上是关于Font Awesome 4.2.0 无法在兼容模式打开的 IE11 中呈现的主要内容，如果未能解决你的问题，请参考以下文章
无法使用 Webpack 3 正确加载 sass 和 font-awesome