微信小程序使用iconfont图标

1、打开iconfont官方网站

https://www.iconfont.cn

2、找到自己喜欢的图标，加入到购物车

3、下载代码

4、解压当前文件夹，可以看到以下文件

5、因为小程序的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字体文件下载后,转换为base64，然后引用。

进入https://transfonter.org/平台
点击Add fonts，添加刚刚解压的iconfont.ttf文件

6、完成上述操作，点击download下载文件

8、解压打开文件

9、可以看到font-face的url已经转换为base64格式
10、我们再打开第一步（第一步 下载自己喜欢的图标）中下载的文件即一开始还没转换用download.zip解压的文件，打开里面的iconfont.css

11、把iconfont.css里面圈红的部分（即fontface部分我们不需要啦）复制到stylesheet.css

12、之后把stylesheet.css引用到小程序即可使用。