Question

Font Awesome在标准模式下可以完美呈现Chrome，Firefox，Safari，Opera和Internet Explorer 11。当兼容模式转为＆＃34;开＆＃34;在IE9或IE11上没有图标渲染。

这是我在IE9上的HTML结构（兼容模式已转为＆＃34; On＆＃34;）：

<!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中使用Font Awesome图标渲染？

Answer 1

找到解决方案。

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

需要作为<head>中的FIRST标记放置为了它的工作。

Answer 2

我找到了解决方案。我删除了版本参数，例如。？v4.7.0在CSS中每个字体的src中，它现在在我的IE中工作。

字体真棒不在ie9＆amp; ie11兼容模式

2 个答案: