在IE9兼容性視圖上不顯示字體真棒圖標

在項目中，我使用字體真棒圖標以默認格式顯示圖標。它在Chrome，FireFox和IE9 & IE11上運行良好，但不在兼容性視圖中顯示。在IE9兼容性視圖上不顯示字體真棒圖標

我已經使用元標記強制渲染文檔，但它不工作。另外在兼容性視圖中，一些css看起來不像其他瀏覽器那樣標準視圖。

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

其實，我的網頁生成通過 'XSL' 模板這就是爲什麼我還用HTM5 JS如下 -

<xsl:comment> 
<![CDATA[[if lt IE 9]> 
<script src="js/jquery/html5shiv.min.js" type="text/javascript" /> 
<script src="js/jquery/respond.js" type="text/javascript" /> 
<![endif]]]> 
</xsl:comment>

這裏是在IE9 Campatibility模式我的HTML結構 -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> 
<head> 
<meta content="text/html; charset=UTF-16" http-equiv="Content-Type"> 
<meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" type="text/css" href="css/picdef.css?ver=T1.0" media="screen"> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css?ver=T1.0" media="screen"> 
<link rel="stylesheet" type="text/css" href="css/print.css?ver=T1.0" media="print"> 
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css?ver=T1.0" media="screen"> 
<link rel="SHORTCUT ICON" href="images/favicon.ico"> 
</head> 
<body> 
.................................. 
</body> 
</html>

我在DOM中發現html5 js沒有加載。

任何解決方案？對不起英語不好。

來源

2016-10-03 Jargo Viet

任何expart的建議？ –

您的兼容模式設置告訴IE使用IE7兼容模式。

請注意，Font Awesome在IE7（無法在IE7兼容模式下）中不起作用，因爲IE7不支持Font Awesome使用的幾個主要功能。

即使IE8對Font Awesome的支持很差。理想情況下，您應該只考慮支持IE9及更高版本。

所以你最好的選擇是放棄兼容模式。改變你的meta標籤是這樣的：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

...也就是，刪除IE=9; IE=8; IE=7;。

如果你真的需要你的網站支持IE7和IE8，那麼你將需要重新考慮你的網站設計，並使用舊技術來創建它。

來源

2016-10-12 21:22:34 Spudley

我只需要在IE9和IE11兼容模式下工作的FontAswame。其他一些外觀在這種模式下也不太好。這是okey，但我需要在IE9和IE11兼容模式下顯示FontAwesome。 @ Spudley –

IE有很多兼容模式。每個版本從7到您運行的版本都有一個兼容模式。所以IE9有IE7和8的compat模式。IE11有IE7,8,9和10的compat模式。較低的模式會讓瀏覽器假裝爲IE7或IE8。如果您使用這些模式，那麼您不能使用在IE7或IE8中不起作用的軟件。你真的需要使用compat模式嗎？這聽起來並不像你真正理解他們實際上做了什麼。 – Spudley

是IE有很多兼容模式，我強制文檔類型爲IE9和IE11使用元標記的最新（可用）版本但Font Font Awesome不適用於這兩個版本。感謝您的回覆。 –

在IE9兼容性視圖上不顯示字體真棒圖標

回答

相關問題