在uni-app项目中使用iconfont

最近公司想用uni-app做一个项目，然而作为实习生的我vue还没学好，又来一个uni-app,在有压力的同时又可以学习一个新的知识了，也是不亦乐乎，希望可以坚持把遇到的一些问题以及解决方法写出来，作为自己学习过程的一个总结。如果大神们读到我的文章有误的，请帮我指出，谢谢

1.    uni-app中引用iconfont字体图标

首先登陆iconfont官网，创建自己的项目，找到需要的图标加入购物车，然后添加到项目中

然后找到图标管理，我的项目，生成unicode ,点击下载至本地，解压

将解压后的iconfont.css引入到common文件夹下，将iconfont.css文件内url路径转换为在线路径即加上https:

如下

使用时在App.vue中全局引入该文件@import "./common/iconfont.css";（根据该文件路径），即可以在各页面中使用