兼容模式變為“開”的字體真棒4.2.0無法在IE11中渲染
[英]Font Awesome 4.2.0 not rendering in IE11 with Compatibility Mode turned “On”
問題描述
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">從GitHub帖子中建議的<head> <meta http-equiv="X-UA-Compatible" content="IE=edge">中的<meta http-equiv="X-UA-Compatible" content="IE=edge">允許字形在兼容模式下打開“On”時呈現。 這些解決方案都不起作用且兼容模式已關閉“關閉”不適用於此項目。 所以，總之，我的問題是這個。 如何在兼容模式為“打開”的Internet Explorer 11中使用Font Awesome 4.2.0渲染？
6 個解決方案
解決方案1
31 已采納 2015-02-13 00:28:22
找到了解決方案。 <meta http-equiv="X-UA-Compatible" content="IE=edge">作為FIRST標記放在<head>中才能使其工作。 希望這可以幫助其他有此問題的人！
解決方案2
6 2016-08-20 15:22:38
我在我的開發機器上遇到了IE 11這個問題（但在其他地方沒有）。 我的Internet選項設置為不允許字體下載。 可能不常見，因為我在Windows Server上，但如果是這樣，試試這個來解決它：
[Gear] >> Internet選項>>安全>>自定義級>>下載>>字體下載>>啟用
解決方案3
1 2016-03-19 08:57:28
我也面臨同樣的問題。 在我的情況下，下面的修復工作：
Firefox（以及在較小程度上，Chrome和IE）存在無法下載字體的問題，因此無法正確顯示任何圖標。
已經在許多地方發現了一個非常簡單的修復方法，cdnjs / cdnjs＃755就是其中之一。
修復是將以下內容添加到font-awesome.css文件的開頭（在@ font-family調用之前）：
標題集Access-Control-Allow-Origin“*”
解決方案4
1 2018-04-03 08:40:09
我遇到了同樣的問題，我只是在標簽中添加了以下鏈接並且它有效。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
希望這可以幫助！
解決方案5
0 2016-09-16 14:22:26
在我的例子中，它是一個display: table在元素上設置的display: table 。 刪除它解決了一個問題。
解決方案6
0 2017-08-01 12:43:28
請查看從文件末尾刪除版本標記。 這些標簽導致IE適合。
改變這個......
../fonts/fontawesome-webfont.eot?v=4.3.0'
對...
../fonts/fontawesome-webfont.eot'
在IE11中以兼容模式運行時使用OBJECT標記顯示圖片
[英]Displaying picture using OBJECT tag when run under compatibility mode in IE11
字體真棒圖標不會出現在heise.de的IE11 Win7和Shariff-Project中
[英]Font Awesome-icons won't appear in IE11 Win7 and Shariff-Project from heise.de
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.