1.進入iconfont官網
把自己需要的圖標加入購物車,然后選擇添加至項目。

2.使用symbol方式下載到本地。

把iconfont.css這個文件放入項目

3. 然后回到iconfont官網復制在線代碼,記得加上https:

4.修改iconfont.css文件

5.在APP.vue的style里面引用

6.在項目中使用

查看效果

需要注意:微信自身不支持css里使用背景圖和字體。需要改成base64。
如果字體文件不在static目錄,uni-app的編譯器會編譯40k以下的文件為base64方式。但static目錄uni-app編譯器是不會編譯里面的內容的
詳細內容可以去看UNI-App官網:https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87
本地引入iconfont字體圖標可以參考這篇文章:
