簡書地址：http://www.reibang.com/p/67bbe4d95a85
阿里巴巴矢量圖標(biāo)庫官網(wǎng)：http://iconfont.cn/
以下操作，默認(rèn)為已經(jīng)登錄归榕。
搜索自己需要的圖標(biāo)窟哺，比如搜索“首頁”
選中一個你需要的圖標(biāo)建蹄，加入購物車胸哥，如下圖：
這時捶枢，右上角會出現(xiàn)紅色提示
點(diǎn)擊紅色提示位置的購物車：
點(diǎn)擊“添加至項目”
沒有項目的話啸澡，點(diǎn)擊右邊的“+”添加項目
添加成功后，如下圖：
點(diǎn)擊
將代碼復(fù)制到icon.less文件下（創(chuàng)建過程不再敘述）
點(diǎn)擊“Font class”
隨后點(diǎn)擊“下載至本地”慰毅，下載完成之后隘截，解壓。
找到并打開iconfont.css文件汹胃，復(fù)制以下內(nèi)容至icon.less內(nèi)婶芭。
最終呈現(xiàn)結(jié)果
在要使用icon-home圖標(biāo)的地方引用（前面iconfont 為固定寫法）
此時可能會出現(xiàn)下圖效果：
出現(xiàn)這樣的情況，退出編譯器（我用的webstorm）着饥，重新打開犀农，如果還是不行，再將微信開發(fā)者工具關(guān)閉宰掉，再重新打開呵哨。就可以正確顯示了，效果如下：
參考：
http://blog.csdn.net/m0_38082783/article/details/78873053
https://www.cnblogs.com/hjvsdr/p/6639649.html
