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字體圖標可以參考這篇文章: