Question

我使用bootstrap 3并且必须支持ie7。理想情况下，我想使用字体作为图标。它们在所有其他浏览器中都很好用，除了ie7 :(

图标显示正常使用ie在字体真棒网站上 - 我已经看过了什么不同，我看不出任何不寻常的东西。我已按照说明操作并按顺序添加了css ......

我没有少用。以下是我的测试网站https://googledrive.com/host/0B8UWGEiox1HOZnV6ZTA3bzNvMTA/testsite.html

的链接

测试网站使用ie测试仪显示字体很棒，但不是100％准确。我使用true ie7进行测试，字体只是方块。

任何人都可以看到我在这里发生了什么，因为我已经结束了！

<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/main.css" rel="stylesheet" media="screen">
<!--[if lt IE 8]>
    <link href="css/main-ie7.css" rel="stylesheet">
<![endif]-->

<link rel="stylesheet" href="css/font-awesome.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
<![endif]-->

<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>

Answer 1

Font Awesome版本4.0.1不支持IE7，请参阅其入门页面的底部：http://fortawesome.github.io/Font-Awesome/get-started/

版本3.2.1有支持，请参阅3.2.1获取页面底部的IE7部分 http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/

有一个名为Icomoon的应用程序可以创建自定义图标字体，并且可以包含Font Awesome中的图标。他们旧版本的应用程序为IE7生成一个Javascript文件，允许使用图标字体，应用程序的旧版本在这里http://icomoon.io/app-old/

Answer 2

也许这个字符集被错误地假设了。尝试在<meta charset="utf-8">中添加<head>。

Answer 3

如果您的图标不有意在运行时更改，您可以使用以下CSS为IE6和IE7添加对所需图标的支持：

.icon-glass {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf000;');
}

如果您的图标打算在运行时更改，则可以执行以下操作：

.icon-glass {
  *top: expression(0, this.innerHTML = '&#xf000;');
}

不幸的是，第二种方法非常慢。虽然它可能会在IE6中显着降低您的性能，但如果您的页面上有太多图标，IE7可能会崩溃。 所以除非你只使用很少的图标，否则你不会推荐第二种技术，你可以降低性能。

字体很棒，ie7问题

3 个答案: