阿里云圖標的使用方法
OneNav 導航主題一直使用 FontAwesome 圖標，與這個相比阿里的 Iconfont 有絕對的優(yōu)勢：目前 Iconfont 大概有七百多萬個，而 FontAwesome 只有600多，讓你有更多的選擇。
近期阿里圖標無法提供在線CDN圖標地址，請查看本地化圖標地址教程
按需使用
FontAwesome不論你使用幾個圖標字體，都需要完整加載字體庫，而Iconfont可以按你所需定制圖標字體庫，并且可以根據(jù)你的需要隨時更改，可以直接將生成的字體鏈接添加到主題中。
介紹完阿里巴巴矢量圖標庫的優(yōu)勢，下面開始具體使用方法：
一、首先登錄阿里巴巴矢量圖標庫
目前只支持GitHub 和新浪微博賬號授權登錄。
新功能：彩色圖標設置方法，看下圖（注意：阿里限制一個彩色項目最多20個圖標）
二、新建圖標庫項目
登錄后，點擊上面菜單中的圖標管理→我的項目，點新建項目圖標新建一個圖標項目：
在彈出的窗口中輸入相關信息，項目名稱任意。
需要注意（設置后不顯示基本都是下面這步錯了）：???
FontClass/Symbol 前綴輸入：io-，F(xiàn)ont Family 輸入：io，前后不能有空格。如圖：注意前綴加中橫線（仔細對照下圖）
三、向圖標項目中添加圖標
點擊菜單上的圖標庫，進入一個圖標庫。
用鼠標選擇一個圖標并點擊上面的購物車圖標，將圖標添加到臨購物車中，如圖：
已添加過的圖標，會有個虛線框提示，右上角購物車圖標上的數(shù)字，是在購物車中待添加到項目中的圖標個數(shù)。
選擇添加完圖標，點擊右上角的購物車圖標，將添加在購物車中的圖標添加到相應該項目中：
點擊生成代碼：(以后每次添加新圖標都要重新生成代碼)
四、加載外鏈圖標字體庫
復制代碼：
進入WebStack Pro主題設置選項→其他功能選項卡，將復制的圖標字體庫鏈接添加到主題選項中：
最后不要忘記保存一下主題設置。外鏈字體庫支持https。
如果再次添加圖標，重復上面的步驟。
五、給菜單項目添加圖標字體
添加圖標字體需要將菜單高級屬性打開，登錄WP后臺→外觀→菜單，進入菜單編輯管理頁面，打開右上角的”顯示選項“，勾選其中全部的“CSS類”，如圖：
返回已建好的圖標字體庫頁面，用鼠標復制圖標代碼，例如：io-zhuti
最新版添加了可視化按鈕操作，按下圖添加圖標
最后不要忘記保存菜單。
正常主題只有菜單可以添加圖標字體，漂亮的圖標，會吸引瀏覽者去點擊。如果動手能力強，你也可以修改主題模板文件，替換添加主題默認的圖標字體。
Iconfont圖標字體，有個問題就是圖標字體大小不一，同一個字體庫的也是如此，還好Iconfont提供了非常方便的編輯工具，可以自己調整大小、旋轉等編輯操作。
注：由于Iconfont圖標圖標庫眾多，很多圖標字體的代碼名稱都是相同的，可能會與主題默認的圖標沖突，如果添加自定義圖標后，發(fā)現(xiàn)某個圖標顯示為另外的其它的圖標，就需要修改自定義圖標代碼名稱：
其中Unicode(16進制)代碼，比如下圖這個圖標的Unicode代碼 e636，就與主題默認的新浪微博的圖標相同隨便改一個，但必須是字母e開頭6以后的數(shù)字四個數(shù)字和字母組合，如圖：
不要把胡亂地把一些圖標都弄到字庫中項目中，使用哪個就添加哪個，不然會引起更多的字體名稱沖突，而且會在一定程度上影響加載速度。
每次添加或者編輯了圖標名稱不要忘記點擊“更新代碼”，并把新的字庫鏈接重新添加到主題選項中。
