2016-10-04 70 views
1

Font Awesome在標準模式下在Chrome,Firefox,Safari,Opera和Internet Explorer 11中完美呈現。當IE9或IE11上的兼容模式變爲「開」時,無圖標渲染。字體真棒不能在ie9和ie11兼容模式下工作

這裏是我的IE9 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/style.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" /> 
<link rel="SHORTCUT ICON" href="images/favicon.ico" /> 
<script src="js/jquery/jquery-1.7.2.min.js" type="text/javascript"></script> 
</head> 
<body> 
<body> 
</html> 

所以,我怎麼能有字體真棒圖標在Internet Explorer 9和11兼容模式呈現?

+1

使X-UA元標記成爲頭部中的第一個。 –

+1

UTF-16?真? – Pointy

+0

是的UTF-16。其實頁面從XSL @ Pointy產生 –

回答

2

找到解決方案。

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

需求,以放置作爲第一個標籤的<head> 爲它工作。

+0

@sandy檢查它。 – Dhaarani

+0

所以這是適用於IE9兼容模式? –

+0

檢查它@sandy – Dhaarani

0

我找到了解決方案。我刪除了版本參數,例如。 ?v4.7.0在CSS的每一個字體的src中,它現在在我的IE中工作。