uni-app项目中使用iconfont

最近在做uniapp 项目，正好要使用iconfont, 顺便做个小分享

1.首先要在iconfont 官网，点击 资源管理--我的项目，点击页面中的➕

2. 选择需要的图标加入购物车，添加完毕，点击购物车选择添加至项目，选择创建的项目

3. 点击下载至本地，解压后，拷贝iconfont.css 至uniapp 项目中(我放在了common文件夹内)，点击在线链接，拷贝并替换iconfont.css 中的@font-face {} 部分内容4. 在App.vue 页面引入iconfont.css

@import url("@/common/iconfont.css");

5. 使用时前面记得加上iconfont,  icon-jiahao1 为iconfont.css 文件内的图标

<view class="iconfont icon-jiahao1"></view>