字体真棒不在ie9& ie11兼容模式 [英] font awesome not working in ie9 & ie11 compatibility mode
本文介绍了字体真棒不在ie9& ie11兼容模式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Font Awesome在标准模式下完美呈现Chrome，Firefox，Safari，Opera和Internet Explorer 11。当兼容模式在IE9或IE11上变为开启时，没有图标渲染。
Font Awesome renders perfectly in Chrome, Firefox, Safari, Opera, and Internet Explorer 11 in standard mode. When Compatibility Mode turned "On" on IE9 OR IE11 no icon render.
这是我在IE9上的HTML结构（兼容模式已打开开启）：
Here is my HTML Structure on IE9 (Compatibility Mode turned "On"):
<!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图标渲染？
So,How can I have Font Awesome icon render in Internet Explorer 9 and 11 with Compatibility Mode?
推荐答案
找到解决方案。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
需要作为FIRST标记放在< head>
以使其正常工作。
Needs to be placed as the FIRST tag in the <head>
in order for it to work.
这篇关于字体真棒不在ie9& ie11兼容模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
