2016-10-04 71 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中工作。