作為第一篇博文，寫這個 我快要被氣炸，好吧，廢話不說了
昨天在項目中發現有很多這些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），為什么會有四個 是針對不同瀏覽器各自為政出現的，不說太詳細 都引入就對了，引入各式
1，YourWebFontName:下載的默認字體名稱；
2，source:此值指的是你自定義的字體的存放路徑，可以是相對路徑也可以是絕路徑；
3，format：此值指的是你自定義的字體的格式，也就是上面說的四種格式 幫助各種瀏覽器識別
4，weight和style：即字體的粗細和樣式。
OK。。。 舉個例子，下載個raphaelicons字體，下載后一個fonts文件夾
兩個txt文本不考慮，有四個字體，現在在css樣式中引入四種字體
該慶祝下。。 已經把字體成功引入樣式，看下結構
注：特殊字體使用需要使用 data-icon="" 來定義圖標，相對應的H就會變成所下字體的圖標，定義css樣式
很關鍵的一部在樣式中使用字體 font-family:"Raphaelicons"; 如果將引入的字體使用 那圖標的樣式就是不出現，好看的圖標出現了 定義的H變成了 如下
美妙吧。。
其他特殊字體的引入也是如此，先@font-face引入字體 再data-icon定義字體 定義data-icon樣式使用字體 歐卡。