uniapp字体设置,uniapp使用iconfont

在使用Uni-App框架开发微信小程序时，需要用到阿里字体图标库，本来是在public/index.html中通过link引入了图标的在线地址，通过npm run serve运行到浏览器上可以正常显示；但是npm run dev:mp-weixin之后图标就消失了。所以这里记录一下本地使用阿里字体库的方法。

下载

首先，选择好你需要的图标，添加至项目；在项目中点击下载至本地（此处下载的是Font class）。

解压

将压缩包中的代码解压到项目中，可以放在src/static中，也可以在src中新建一个目录存放。

引入

在main.js中按照存放路径引入iconfont.css。

import 'static/font/iconfont.css'/* 在main.js中引入即全局引入 */ 使用

在页面中需要的地方引入。