奥森图标和CSS特殊字体使用方法

作为第一篇博文，写这个我快要被气炸，好吧，废话不说了

昨天在项目中发现有很多这些Awesome图标也在网上找了下Font Awesome 下载后这些文件，现在的版本是4.2，Font Awesome从4.1.0版本开始不再支持IE7，但更早的版本仍然支持

官网和各种帖子也写了些使用方法，就是没有太清楚不然我也不会被搞得凌乱掉，

一，首先将css文件复制到我们项目css文件夹中，在<head>中引入奥森图标的css样式这个毋庸置疑，至于引入压缩版还是不压缩版看心情

这里有个ie7的压缩版，是考虑到还在坚持使用ie7的古董们而出现的，直接引入即可

同样网上有说可以引入CDN 只是我没有测试成功

<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

二，使用图标对应着奥森图标网站寻找class

使用方法如<i class="fa fa-wifi"></i> 前面的fa是必须的后面的class是对应图标的class

三，查看下项目蛋疼的是图标呢，哪去了。。。。查看下控制台

一堆报错，显示没有找到fonts这个文件夹下的字体，该说我没有引入fonts里面的东西啊为什么会出现这个报错，这就是这个图标的特殊地方引入Awesome的css文件项目会自动寻找fonts这个文件夹，现在把fonts文件夹引入到项目（直接把文件夹复制到项目别改了文件夹名字昨天就是fonts改成font 我擦搞得气死了这么easy的事情竟然找了许久）

OK。。图标成功出现了

CSS特殊字体使用方法

好的上面这个图标问题解决了，再来看下网页中引入特殊字体时使用方法吧，

特殊字体的引入靠@font-face语句实现这些字体浏览器的支持还是良好的，低至IE6/IE4都支持，很不错，兼容问题就不要考虑了

主要格式四种（.eot、.woff、.svg、.ttf），为什么会有四个是针对不同浏览器各自为政出现的，不说太详细都引入就对了，引入各式