微信小程序引入外部字体库iconfont的图标

在微信小程序中，我们经常会使用到小图标，现在就来介绍一下如何在微信小程序中引入外部字体库iconfont的图标。

第一步：打开阿里巴巴https://www.iconfont.cn 将符合你使用的图标添加入库。
如下图↓

第二步：在“我的项目”下载整个项目，如下图↓，默认名称为“download.zip”，然后就解压此zip文件包待用。

第三步：打开 https://transfonter.org 使用如下设置，并上传刚才解压后的文件里的“TTF”文件，如下图↓

第四步：如下图↓
将第一次下载的iconfont.css文件里的除@font-face外，复制到小程序的wxss中。
将第二次下载的stylesheet.css文件里的@font-face，复制到小程序的wxss中。

第五步：在微信小程序wxml文件中，使用class，如下图↓

最后效果如下，如下图↓

大家就可以对其进行css加粗、css修改颜色等等操作。赶紧去尝试一下吧。