阿里圖標官網：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?!

總結

以上是生活随笔為你收集整理的微信小程序——引用阿里云字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。