Bootstrap Glyphicons 图标未在服务器上的 IE 中呈现答案

【问题标题】：Bootstrap Glyphicons icons not rendering in IE on serverBootstrap Glyphicons 图标未在服务器上的 IE 中呈现
【发布时间】：2014-08-17 02:44:30
【问题描述】：

我创建这个问题是为了分享我最近对一种奇怪的 IE 行为的了解。

我自己正在构建一个 Intranet Web 应用程序 (ASP.NET)，并且页面上有一些 Glyphicons。当我在 localhost 上运行网站时，使用 Visual Studio，没有出现任何问题。

但是当我在 IIS 服务器上部署它时，图标不再呈现。

情况一：在服务器上

情况2：在本地主机上

在服务器上查看时，此问题仅出现在 IE（此处为 v.8）中。 Firefox 和 Chrome 工作正常，在服务器和 localhost 的情况下呈现图标。

我搜索并找到了许多可能的解决方案（MIME 类型、字体格式、eso），但没有任何解决问题的方法。

【问题讨论】：

标签： twitter-bootstrap internet-explorer localhost intranet glyphicons

【解决方案1】：

如果您想在不让用户进行任何修改的情况下解决此问题，则必须在 IIS 中添加新的 HTTP 响应标头。以下是执行此操作的步骤：

打开 IIS
点击 HTTP 响应标头
添加名称：“X-UA-Compatible”和值：“IE=Edge”的设置
完成

确保您要求用户清除缓存并重新启动浏览器（非常重要的一步）。

【讨论】：

【解决方案2】：

通过在</system.web> 标签后添加 web.config 解决了同样的问题

  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=EDGE" />
      </customHeaders>
    </httpProtocol>    
  </system.webServer>

【讨论】：

【解决方案3】：

将近一个小时后，我发现问题出在哪里了。

在 Internet Explorer 中，在“兼容性视图设置”下，选中了“在兼容性视图中显示 Intranet 站点”选项。

当我取消选中它时，图标会按预期显示。

所以，别忘了先检查“兼容性视图”设置...

【讨论】：

您将如何强制其他用户更改“兼容性视图设置”？