兼容模式变为“开”的字体真棒4.2.0无法在IE11中渲染

时间:2015-01-13 00:15:14

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

Font Awesome 4.2.0在Chrome,Firefox,Safari,Opera和Internet Explorer 11中呈现完美呈现(但仅在兼容模式为“关闭”时)。兼容模式变为“开启”时,不会渲染字形。我尝试使用一个经过验证的Font Awesome 4.2.0 CDN,我已经在其他项目中使用了Font Awesome CSS,并在<meta http-equiv="X-UA-Compatible" content="IE=edge">中添加了<head>。一个GitHub帖子,允许字形在兼容模式下打开“On”时呈现。这些解决方案都不起作用且兼容模式已关闭“关闭”不适用于此项目。所以,总之,我的问题是这个。如何在兼容模式为“开启”的Internet Explorer 11中使用Font Awesome 4.2.0渲染?

6 个答案:

答案 0 :(得分:31)

找到解决方案。 <meta http-equiv="X-UA-Compatible" content="IE=edge">需要<head>作为{{1}}中的 FIRST 标记才能生效。希望这可以帮助其他有此问题的人!

答案 1 :(得分:6)

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

[Gear]&gt;&gt;互联网选项&gt;&gt;安全&gt;&gt;自定义级别&gt;&gt;下载&gt;&gt;字体下载&gt;&gt;使

答案 2 :(得分:1)

我也面临同样的问题。在我的情况下,下面的修复工作:

Firefox(以及在较小程度上,Chrome和IE)存在无法下载字体的问题,因此无法正确显示任何图标。

在许多地方都发现了一个非常简单的修复方法,cdnjs / cdnjs#755就是其中之一。

修复是将以下内容添加到font-awesome.css文件的开头(在@ font-family调用之前):

标题集设置Access-Control-Allow-Origin&#34; *&#34;

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

答案 3 :(得分:1)

我遇到了同样的问题,我刚刚在标签中添加了以下链接,但它确实有效。

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

希望这有帮助!

答案 4 :(得分:0)

就我而言,它是元素上的display: table集。删除它解决了一个问题。

答案 5 :(得分:0)

查看从文件末尾删除版本标记。这些标签会导致IE适合。

改变这个......

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

到此......

../fonts/fontawesome-webfont.eot'