阿里iconfont矢量圖庫使用

iconfont能夠像使用字體同樣使用矢量庫中全部的矢量圖，在web中使用，有3中使用方式，分別是：

1）unicode引用 2）font-class引用 3）symbol引用（平臺推薦的用法）

font-class引用方式使用最爲方便：

一、阿里矢量圖庫，檢索你想要的矢量圖：http://www.iconfont.cn 

二、添加入庫

三、添加到你的項目裏，注：若是還沒項目，能夠根據須要新建一個

四、在「個人項目」中可查看已添加的矢量圖

將項目下font class中的css添加到你頁面html的head部分，就能夠開始使用已添加的矢量圖

五、示例代碼截圖

建立一個i標籤或者span標籤,添加兩個類名,一個固定的是iconfont,另外一個是你想要的那個圖標對應的類名（即上圖的icon-xxxxx）:

==================完美分割線==================

一開始找到一個國外有名的矢量圖庫地址 fontawesome.com，但發現即便你只須要使用幾個矢量圖也得把全部關聯js、css、字庫都下載下來才能夠使用，大小都在大幾十KB。在這點上iconfont能夠只須要添加使用到的矢量class便可，可很好控制文件大小