html - 无法使用 MVC 5 在 IE 11 中使用 FontAwesome

Question

我有一个新的 MVC 5 元素，我正在尝试让 FontAwesome 显示 _Layout 页面中的图标。它在 Chrome、Firefox 甚至 Visual Studio 中的 Page Inspector 中运行良好。当我在 IE 11 中启动网站时，它只显示一个空白区域。

到目前为止我尝试了什么:

• 确保 font-awesome.css 和字体正在下载到浏览器
• 检查字体所在目录的路径是否正确
• 从 BundleConfig 加载并直接将链接放在布局页面上
• 使用 Nuget 安装 FontAwesome 并尝试为 FontAwesome 使用 Nuget Html Helper
• 尝试将字体的 MIME 类型添加到 web.config
• 尝试使用 CDN 和完全限定路径而不是相对链接
• 尝试了几种标记变体
• 已验证控制台中没有错误或网络调试器中没有 404 错误

我不确定我还能尝试什么，感觉我已经花了 WAAAY 很多时间只是为了让一些图标工作。这只是令人沮丧，因为该网站在 Chrome 和 Firefox 中看起来非常好。

我使用的是从 WrapBootstrap 下载的模板，但他们的示例在 IE 11 中有效，我已尽力模仿他们的标记。

下面是我正在使用的布局页面中的标记，它直接来自他们的模板，并且适用于 FF/Chrome。

<i class="icon-dashboard"></i>

我试过了

<i class="fa fa-dashboard"></i>

如有任何故障排除指导，我们将不胜感激。

Answer 1

其实并没有那么复杂。如果它在 Chrome 和 Firefox 中工作，它将在 IE11 中工作。我的猜测是你要么在某个时候将渲染引擎切换到 IE7 但忘记了，不小心点击了兼容模式按钮(呈现为 IE7)，要么在兼容模式下工作(取决于你的本地或 GP 设置，如果这是一台工作机器，兼容模式可能是本地和/或内部网站的默认模式。