Internet Explorer 9上的零星字体图标

Question

我有一个网站在两个不同的页面上使用Glyphicons和Font-Awesome字体图标，具有相同的行为：图标不显示在IE9中，但在Chrome/Firefox中完美工作。

事情做工作：从外部CDN

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> 

• 加载图标加载字体真棒CSS /字体从外部CDN使图标可靠地工作。不幸的是，这个网站是用于内联网的，并且不能上网。 这是一个不行。

  • 通过重定向

  出于某种原因，加载页面，每当我重定向到一个页面中，IE9中止GET荷兰国际集团的一些CSS文件，只有在事后重新加载它们。

  在这种情况下，图标按预期显示。所以我猜猜这些不正常的请求是相关的。但以正常方式加载页面会导致图标消失，并且正常加载css。 如果有人能向我解释这件事，那会很棒。

事情不工作：

• 配置服务器设置Content-Type正确的字体文件。我匹配的CDN使用的MIME类型，所以即使我有错误的价值观，也不会解决这个问题
• 关闭compatibility view在IE
• 降低IE security settings
• 添加html5shiv/respond.js到页面（html5shiv）
• 将font-awesome css文件移动到页面上的其他位置。

• 手动加载​​eot字体文件的网页上，像这样：

  <link rel="stylesheet" type="application/vnd.ms-fontobject" href="/some/absolute_path/fonts/glyphicons-halflings-regular.eot"/> 
  

事情我已经看了看：

这些可能会或可能不会有帮助，但似乎代表事物的状态。

• compatibility view
• security settings
• html5shiv
• 坏重定向问题：
  • Unsolved SO question
  • Unsolved MSDN question

Answer 1

这看起来像是在github上为Font Awesome报告的bug。看看thorst's solution它似乎为大多数人解决它。

对于链接恐惧症：

I had to change font-awesome.css 

来源：

src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); 

要：

src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');