6

IE7 上不显示 Font Awesome 图标。他们在 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

我是否缺少任何配置？

4

4 回答 4

16

快速更新到这个线程。

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

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

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

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

于 2013-12-09T16:58:12.707 回答
8

最好使用 IE7 条件注释，这样文件只会在 IE7 中加载。（取自Fontawesome 示例）

<link rel="stylesheet" media="all" href="assets/css/your-icons.css" />
<!--[if IE 7]>
<link rel="stylesheet" media="all" href="assets/css/your-icons-ie7.min.css" />
<![endif]-->
于 2013-04-28T13:54:05.350 回答
1

毕竟配置是正确的。由于某种原因 font-awesome-ie7.css 没有正确加载。确保该文件正在加载后，一切正常。

于 2012-12-20T13:06:51.013 回答
0

即使是新图标，也有一种方法可以支持 IE7。

首先下载这个作为基础。 https://gist.github.com/dorajistyle/7461853

然后，如果缺少任何图标，请转到图标列表中的该图标。例如新的fa-balance-scale。 http://fontawesome.io/icon/balance-scale/

在那里你会看到 unicode char 是 f24e

然后将它添加到最后的 font-awesome-ie7.min.css

.fa-balance-scale {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 
'&#xf24e;');
}

对您正在使用的任何图标重复此操作

于 2017-09-12T08:59:20.893 回答