IE 兼容性视图上不显示 Font Awesome 图标答案

【问题标题】：Font Awesome icon not display on IE compatibility viewIE 兼容性视图上不显示 Font Awesome 图标
【发布时间】：2017-02-25 09:37:57
【问题描述】：

我在我的项目中使用了 Font Awesome 图标。从 XSL 模板生成的 HTML 页面如下-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="IE=9; 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/jquery-ui.css?ver=T1.0" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css?ver=T1.0" />
<link rel="stylesheet" type="text/css" href="css/style.css?ver=T1.0" />
<link rel="SHORTCUT ICON" href="images/favicon.ico" />
</head>
<body>
</body>

在 stackoverflow 上搜索后，我在 head 中添加了元标记以将文档模式呈现为最新的可用版本。在 IE（IE9 和 IE11）兼容模式下，即使我的基本字体（Lato）也无法加载，并且仍然字体真棒图标在我的页面中消失。

请建议，我错过了什么？

问候，

这是我的 style.css -

@font-face{
    font-family: 'Lato';
    src: url('../fonts/lato-v11-latin-regular.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/lato-v11-latin-regular.eot');
  src:  local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-v11-latin-regular.woff2') format('woff2'),
        url('../fonts/lato-v11-latin-regular.woff') format('woff'),
        url('../fonts/lato-v11-latin-regular.ttf') format('truetype'),
        url('../fonts/lato-v11-latin-regular.svg#Lato') format('svg');
}

在其他浏览器 Chrome、FireFox 和 IE9 和 IE11（正常模式）中工作正常。另一个想法是 - 如果通过控制面板（windows）在系统中安装字体 fontawesome-webfont.ttf 那么它工作正常。正如一些网站的建议，我已经添加了两次字体。

【问题讨论】：

标签： html css internet-explorer fonts font-awesome

【解决方案1】：

在这里你可以尝试从这个article使用这个代码

更新1 Here 可能是要参考的问题。

按照字体真棒成员的建议

“当字体没有完整的“可安装”权限时，这在 IE9 上仍然失败。唯一的解决方案似乎是编辑字体权限或从本地服务器提供它。”

另外一个thread 或许能帮上忙

【讨论】：

不加载css和Font Awesome图标的原因是什么？
根据您的回答，我添加了 html5shiv.min.js 但仍然无法正常工作。我正在使用 aix 网络服务器。 @Pritish
因为我已经更新了我的答案，问题可能在于授予字体的完整权限，因此您需要按照 Guthub 问题中的说明编辑字体权限
那么IE11兼容模式呢？那里也没有工作。有人想如果我在我的系统中安装了字体 fontawesome-webfont.ttf。然后它工作正常。
我认为这可能是悬而未决的问题，因此您需要将 ie11 的 cdn 替换为 github.com/FortAwesome/Font-Awesome/issues/7681