Bootstrap Glyphicons图标不在服务器上的IE中呈现

Question

我创建此问题以分享我最近对奇怪的IE行为的了解。

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

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

情况1：在服务器上

情况2：在localhost上

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

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

Answer 1

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

1. 打开IIS
2. 点击HTTP响应标题
3. 使用名称添加设置：＆＃34; X-UA兼容＆＃34;和价值：＆＃34; IE = Edge＆＃34;
4. 完成

  

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

Answer 2

同样的问题是通过在</system.web>标记

之后添加web.config来修复它

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

Answer 3

差不多一个小时后，我发现了问题所在。

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

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

所以，不要忘记在其他所有内容之前检查“兼容性视图”设置......