javascript - Bootstrap 图标未显示在 Internet Explorer 中

Question

我正在使用 bootstrap，对它来说非常新。在我的生产方面，我的图标看起来很好，在 safari 和 chrome 下它们看起来也很好。我用来链接图标出现的代码如下:

<a href="/Admin/God/Admin.aspx" class="button rectangular"><i class="icon-group icon-large"></i><span class="button-text">Users</span></a>

该站点是 iskittle.co.uk，如果您在 IE 以外的其他地方查看它，则会出现图标。我有点难过...我想这与 IE 处理 CSS 获取图像的方式有关。

就像我说的那样我是新手，但我认为它从更大的图像中获取图标 http://iskittle.co.uk/images/icons/glyphicons-halflings-white.png

为什么 chrome 和 safari 能够弄清楚如何做到这一点，但没有 IE...任何想法/帮助都会很棒，我在网上做了很多搜索，但似乎无法直接回答。 ..

Answer 1

字体未加载，因为 IE 无法下载 .woff 文件。 Internet Explorer 对使用字体的权限更加挑剔。要修复它，请检查:

1. 确保文件存在于服务器上并且可以从 http://iskittle.co.uk/font/fontawesome-webfont.woff 访问。

2. 如果它已经存在，请确保您的 IIS 服务器已正确设置以部署 woff 文件。在您的 web.config 中，确保存在以下内容:

   <staticContent>
         <remove fileExtension=".woff" />
         <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
   </staticContent>