我使用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>
答案 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 = '');
}
如果您的图标 打算在运行时更改,则可以执行以下操作:
.icon-glass {
*top: expression(0, this.innerHTML = '');
}
不幸的是,第二种方法非常慢。虽然它可能会在IE6中显着降低您的性能,但如果您的页面上有太多图标,IE7可能会崩溃。 所以除非你只使用很少的图标,否则你不会推荐第二种技术,你可以降低性能。