字体真棒在 ie9 和 ie11 兼容模式下不起作用
Posted
技术标签:
【中文标题】字体真棒在 ie9 和 ie11 兼容模式下不起作用【英文标题】：font awesome not working in ie9 & ie11 compatibility mode 【发布时间】：2017-02-12 16:27:30 【问题描述】：Font Awesome 在标准模式下在 Chrome、Firefox、Safari、Opera 和 Internet Explorer 11 中完美呈现。当兼容模式在 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 中呈现 Font Awesome 图标？
【问题讨论】：
使 X-UA 元标记成为头中的第一个。 UTF-16?真的吗？ 是 UTF-16。实际上页面是从 XSL @ Pointy 生成的 检查这个：***.com/a/45321517/800031 【参考方案1】：找到了解决办法。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
需要放在<head>中作为FIRST标签
为了让它工作。
【讨论】：
检查一下@sandy 对于 IE9，它是如何渲染到 Edge 的？【参考方案2】：我找到了解决方案。我删除了版本参数，例如。 ?v4.7.0 在 CSS 字体的每个 src 中，它现在在我的 IE 中工作。
【讨论】：
以上是关于字体真棒在 ie9 和 ie11 兼容模式下不起作用的主要内容，如果未能解决你的问题，请参考以下文章
input的placeholder在ie9下不兼容的结局办法。
兼容模式下ie9和ie10显示样式在不兼容模式下为啥不加载css样式？