微信小程序引入iconfont实现添加自定义颜色图标

说明

最近搞微信小程序，需要添加一些图标，发现引入iconfont还是有几个步骤，就记录下来分享以下。
以下配置方法支持自定义颜色的。

操作步骤

1、 在iconfont网站挑选自己需要的图标，添加到项目（没有的话自己创建）

2、 找到我的项目，选择font class，点击【下载到本地】

3、将iconfont.woff文件转为base64格式
打开：https://transfonter.org/
点击【convert】后下载转换后文件。

4、将转换后内容添加到app.wxss
1）复制style.css内容到app.wxss

2）将iconfont.css内容（排除@font-face）复制到app.wxss

5、使用方法和效果

<span class="iconfont icon-jintian"></span>

.icon-jintian{
    font-size: 80rpx;
    color: #007cfd;
}