字体真棒在 ie9 和 ie11 兼容模式下不起作用答案

【问题标题】：font awesome not working in ie9 & ie11 compatibility mode字体真棒在 ie9 和 ie11 兼容模式下不起作用
【发布时间】：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 生成的
检查这个：stackoverflow.com/a/45321517/800031

标签： javascript css internet-explorer font-awesome

【解决方案1】：

找到了解决办法。

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

需要放在<head>中作为FIRST标签为了让它工作。

【讨论】：

检查一下@sandy
对于 IE9，它是如何渲染到 Edge 的？

【解决方案2】：

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

【讨论】：