關於阿里媽媽字型圖示
什麼是icon fonts
這個實在不知道怎麼描述，我的理解就是利用字型工具把Web上平時使用的圖示(icons)轉換成icon fonts;它可以藉助CSS中的@font-face嵌入網頁中，用於顯示icons。
為什麼要這樣用呢
那咱們就說一下它的優點和缺點吧！
- 檔案小：相比圖片幾十幾百KB的容量，icon fonts 幾乎是羽翼級輕量;
- 載入效能好：因為圖示都被打包進一套字型內，http request 減少。這如同我們常用的 css sprites 技術;
- 支援CSS樣式：和普通字型一樣，你可以利用CSS來定義大小、顏色、陰影、hover狀態、透明度、漸變等等…
- 缺點就是樣式，顏色比較單一，還有就是在移動端瀏覽器的相容性還不是很好，像Opera mini、Windows phone 7.0-7.8 都不能正常顯示icon fonts。
如何使用icon fonts
那麼問題來了，怎麼製作的目前我也不關心，那咱們就說說怎麼用吧(其實我也是一個渣渣，咱們就講講阿里媽媽的圖示應該怎麼使用吧！說錯的地方還希望及時指出，大家共同進步)；
進入這個地址（icon fonts）;
然後咱們可以看到有圖示庫，圖示管理；在圖示庫裡面就可以選擇需要的圖示，然後把它加入到"購物車"中，此時右上角購物車會對應的展示你加入的數量，選擇完成之後，點選購物車，選擇新增至專案；這時會提示你需要登入，按照操作流程走就ok；
然後就可以看到咱們的專案列表了，icon fonts 都在這裡面了，如果要使用的話，還是需要先下載到本地的；
下載後會是一個壓縮包，只需要把這個壓縮包解壓至你的專案中就可以使用了;裡面有一個
demo_index.html 裡面會給你講三種生成圖示的方式，這裡我大致看了前兩種，咱們就簡單說一下吧！
Unicode Font class 引用方式
這個不知道是我的引用方式不對，還是確實是有問題，我按照示例的方法把程式碼給拷貝下來就是不能使用；
後來確定一下就是這個示例程式碼我不能使用，但是我又不能保證，畢竟我一個初學者，只能說我的技術不行;最後我又試了一下Font class引用方式，發現換了以下CSS那段程式碼，兩種方式都能使用了。
看示例程式碼，是引用了font資料夾下的一個css檔案，然後就順著這個檔案找到了示例程式碼
搞不懂url()中的部分內容是什麼意思，水平有限；度娘都教不會我；總而言之這段是能使用的；
測試
這裡可以看到 我只是簡單的引用了以下這個檔案，這兩種引用方式都ok了，有沒有大佬知道原因的也可以告訴小弟，說實在話小弟也真的是一臉懵這一點，當然還有就是毋庸置疑這個是可以用的，這種方式最起碼保證IE8+的瀏覽器可以使用；當然它現在是字型了，肯定也能控制一些其他樣式，這裡就不介紹了