IE7 上不显示字体真棒图标答案

【问题标题】：Font Awesome icon not showing on IE7IE7 上不显示字体真棒图标
【发布时间】：2012-12-11 11:45:07
【问题描述】：

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

我是否缺少任何配置？

【问题讨论】：

标签： internet-explorer-7 mime-types font-awesome

【解决方案1】：

快速更新此线程。

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

下载 ie7.min.css 文件并添加上面答案中所示的部分：
打开 ie7.min.css 文件并将所有“.icon-”更改为“.fa-”，因为 FontAwesome 已更改其命名约定。

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

【讨论】：

Font Awesome 4.0.0 中移除了支持，因此最新版本的 ie 文件在最新的 3.x 版本中：github.com/FortAwesome/Font-Awesome/tree/v3.2.1/css
由于错误connect.microsoft.com/IE/feedback/details/798953/…，该文件中使用的css表达式在ie11的兼容模式下不起作用。所以去买一台装有ie7的旧电脑吧。
抱歉，以上内容不清楚。他们在 ie11 的 emulation mode 中对我不起作用。当然，我试图模仿 ie7。 YMMV。
您始终可以使用常规字体文件 (otf) 并将其上传到 font squirrels Web 字体生成器，以创建 IE6,7 所需的 .eot 文件。无需坚持旧版本的 FA。
@iroybot：怎么做？

【解决方案2】：

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

<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]-->

【讨论】：

从哪里下载 your-icons-ie7.min.css 文件？
这个名字只是一个例子。如果您想使用 Font Awesome，请转到 fortawesome.github.io/Font-Awesome 并单击下载。正如这里的 cmets 中所提到的，IE7 在 v3 之前是受支持的，所以如果你想要一个用于 Font Awesome 4.4 的 IE7 CSS，你需要编写它。

【解决方案3】：

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

【讨论】：

这对我很有帮助...非常感谢@martincho

【解决方案4】：

有一种方法可以支持 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;');
}

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

【讨论】：