字体真棒和ie7问题 [英] Font awesome and ie7 issues

查看:181
本文介绍了字体真棒和ie7问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用bootstrap 3并且必须支持ie7。理想情况下,我想使用字体的图标。他们在除ie7以外的所有其他浏览器中工作得很好:(b / b

图标在使用字体的真棒网站上显得很好 - 我看了一下不同的东西,任何事情都不是普通的,我按照指示,按顺序加入了css等等...



我没有使用less。测试网站 https://googledrive.com/host/0B8UWGEiox1HOZnV6ZTA3bzNvMTA/testsite.html <但是,测试网站显示字体真棒使用即测试,但是不是100%准确。我使用真正的ie7来测试,并且字体是简单的正方形。



任何人都可以看到这里发生了什么事情,因为我已经结束了!

 < head> 
< title>首页< / title>
< meta name =viewportcontent =width = device-width,initial-scale = 1.0>

< link href =css / main.css =stylesheetme直径= 屏幕 >
<! - [if lt IE 8]>
< link href =css / main-ie7.css =stylesheet>
<![endif] - >

< link rel =stylesheethref =css / font-awesome.css/>
<! - [if IE 7]>
< link rel =stylesheethref =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>


解决方案

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/


I'm using bootstrap 3 and have to support ie7. Ideally I would like to use font for icons. They work great in all other browsers except ie7 :(

The icons appear fine using ie on the font awesome website - I have had a look at what's different and I cant see anything out of th ordinary. I've followed the instructions and added the css in order etc...

I'm not using less. Here is a link to my test site https://googledrive.com/host/0B8UWGEiox1HOZnV6ZTA3bzNvMTA/testsite.html

The test site show font awesome using ie tester however that isnt 100% accurate. I am using true ie7 to test on and the font is simply squares.

Please can anybody see what's going on here as I'm at an end with it!

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

解决方案

Font Awesome version 4.0.1 does not support IE7, see the bottom of their getting started page: http://fortawesome.github.io/Font-Awesome/get-started/

Version 3.2.1 has support, see their IE7 section at the bottom of their 3.2.1 getting page http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/

There is an app called Icomoon that can create custom icon fonts, and can include icons from Font Awesome. Their old version of the application generates a Javascript file for IE7 that will allow the icon fonts to be used, the old version of the app is here http://icomoon.io/app-old/

这篇关于字体真棒和ie7问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆