internet-explorer-7 - Font Awesome 图标未在 IE7 上显示

Question

Font Awesome 图标未在 IE7 上显示。他们在 IE8、IE9、FF 和 Chrome 上运行。

示例 HTML:

<span rel="tooltip" data-placement="top" data-original-title="Click to add question to favorites">
    <i class="icon-star-empty"></i>
</span>

文件包括:

<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/font-awesome-ie7.css">

请求 .woff:

Request: 
URL:http://example.com/font/fontawesome-webfont.woff

Response:
Accept-Ranges:bytes 
Connection:Keep-Alive 
Content-Length:41752
Content-Type:application/octet-stream 
Date:Tue, 11 Dec 2012 11:31:51 GMT 
ETag:"4095e-a318-4cf1d75fb20dd" 
Keep-Alive:timeout=5, max=98
Last-Modified:Thu, 22 Nov 2012 23:02:27 GMT Server:Apache/2.2.22 (Ubuntu)

我已经在 Apache 的/etc/apache2/mods-enabled/mime.conf 上进行了配置(并重新启动了 Apache):

AddType application/octet-stream .woff

我缺少任何配置吗？

Answer 1

快速更新此线程。

FontAwesome 不再支持 IE7，但如果你不幸遇到需要支持它的情况，因为你需要支持专有软件，我不会提到它的名字，包括它作为唯一的浏览器，并且拒绝升级即使，在写这篇文章的时候，IE8已经出来将近4年了，我们现在在IE11上，然后像我一样:

下载 ie7.min.css 文件并添加上面答案中指示的部分:

打开 ie7.min.css 文件并将所有的“.icon-”更改为“.fa-”，因为 FontAwesome 已更改其命名约定。

这将使您支持大约 95% 的 FA 4.0.3 图标(旧的 ie7.min.css 文件不支持新引入的字体。