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渲染?
答案 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;
答案 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'