字体很棒,ie7问题

时间:2013-10-29 21:45:17

标签: html css internet-explorer twitter-bootstrap fonts

我使用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>

3 个答案:

答案 0 :(得分:2)

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/

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

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

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

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