字體真棒不顯示在IE瀏覽器中的圖標11

在IE 11中查看下面的瀏覽器現在顯示名稱列上的圖標圖標。在FF或Chrome瀏覽器中查看引腳圖標。任何想法，爲什麼這可能是？字體真棒不顯示在IE瀏覽器中的圖標11

http://plnkr.co/edit/RU4KnysM6s0aeYzI3KYJ?p=preview

.grid { 
    width: 100%; 
    height: 400px; 
} 

.ui-grid-pinned-container .ui-grid-header-cell { 
    position: relative; 
} 

.ui-grid-pinned-container .ui-grid-header-cell:after { 
    position: absolute; 
    font-family: 'FontAwesome'; 
    content: '\f08d'; 
    font-size: .75em; 
    right: 2em; 
    top: 0.5em; 
    width: 1em; 
    height: 1em; 
} 

<!doctype html> 
<html ng-app="app"> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-touch.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script> 
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script> 
    <script src="http://ui-grid.info/release/ui-grid.js"></script> 
    <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
    <link rel="stylesheet" href="main.css" type="text/css"> 
    </head> 
    <body> 

<div ng-controller="MainCtrl"> 
    <div ui-grid="gridOptions" class="grid" ui-grid-pinning></div> 
</div> 


    <script src="app.js"></script> 
    </body> 
</html>

來源

2017-04-20 user441521

你Plunkr演示工作正常，我在IE11。我想你的問題是，IE實際上是在IE7模式下呈現你的頁面。

如果您在IE（F12）打開你的開發工具，你會看到一個下拉菜單右上角其說，它的渲染哪個版本：

enter image description here

如果ISN 「T顯示默認情況下，你可以告訴IE加給你的文檔的<head>解決這個問題不要這樣做（如下所述：How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?）：

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

來源

2017-04-24 15:59:55

字體真棒不顯示在IE瀏覽器中的圖標11

回答

相關問題