0

我正在使用引导程序 3，并且必须支持 ie7。理想情况下，我想为图标使用字体。它们在除 ie7 之外的所有其他浏览器中运行良好 :(

使用字体真棒网站上的 ie 图标看起来很好 - 我看过有什么不同，我看不到任何不寻常的东西。我已按照说明按顺序添加了 CSS 等...

我没有少用。这是我的测试站点的链接https://googledrive.com/host/0B8UWGEiox1HOZnV6ZTA3bzNvMTA/testsite.html

测试站点使用 ie tester 显示字体很棒，但这不是 100% 准确的。我正在使用真正的 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>
4

3 回答 3

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/

于 2013-10-29T21:58:32.770 回答
0

也许字符集被错误地假设了。尝试包括<meta charset="utf-8">在<head>.

于 2013-10-29T21:47:33.540 回答
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 可能会崩溃。所以我不会推荐第二种技术，除非你只使用很少的图标并且你可以承受性能下降。

于 2016-01-24T21:44:21.797 回答