uniapp引入iconfont单色图标实例(Unicode方式)

1. 进入https://www.iconfont.cn/官网

2. 将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中
   

3. 打开目标项目，下载代码至本地
   

4. 下载好的iconfont文件如图所示：
   

5. 将iconfont.css 文件放置在目标文件夹下，如图：
   

6. 回到iconfont网站，点击复制代码，只需要ttf格式的地址就行

 url('//at.alicdn.com/t/font_1886313_ifiye13cjpl.ttf?t=1625566965328') format('truetype');

7. 打开项目中的iconfont.css文件,删除文件中src属性的内容

8. 将复制的ttf格式的代码写进@font-face中，如图：
   

9. 字体图标的使用
   

10. 最后在App.vue 的 style标签中引入iconfont.css
    

11. 重新编译，最终效果如图所示：