Question

字体真棒图标未在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已更改其命名约定。

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

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

Answer 3

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

Answer 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中

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.semanticweb.org/shahrukh/ontologies/2017/4/" 
prefix="sparql" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
 <sparql:sparql>
 <html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>Research Papers of 2017</h1>

<!-- <sparql:select var="modules">  -->

<!-- retrieve data of research paper -->
<sparql:select var="mod" model="tb">
    SELECT ?title ?publisher
    WHERE { 
            ?m rdf:title ?title .
            ?m rdf:publisher ?publisher . 
    }


</sparql:select>
</body>
</html>
</sparql:sparql>

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

IE8上没有显示Font Awesome图标

4 个答案: