阿里圖標官網:http://www.iconfont.cn
使用阿里雲圖標大致的方法就是:選中你的圖標——保存至你的項目——下載你的圖標項目——在項目中引用字體文件。
具體方法可以參考:引用阿里雲矢量圖標庫。
我們今天重點是講如何在微信小程序中引用阿里雲圖標庫。
我們就從你已經下載好了圖標庫說起了。

1.把該字體文件及css文件放入到小程序項目中,文件目錄如下圖:

2.在app.wxss里面引入iconfont.wxss

3.通過icon引用

具體代碼如下:
<icon class="tabbar-icon shishuofont icon-audio-linear"></icon>
tabbar-icon:我自己定義的class
shishuofont:阿里雲創建項目時定義的
icon-audio-linear:對應的圖標名字

最后效果如下圖:

是不是 so easy?!
