说明

最近搞微信小程序，需要添加一些图标，发现引入iconfont还是有几个步骤，就记录下来分享以下。

以下配置方法支持自定义颜色的。

操作步骤

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

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

3、将iconfont.woff文件转为base64格式

打开：/

点击【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;}