一、挑选icon,生成文件
1、打开阿里icon https://www.iconfont.cn/ 选中图标 ,添加至购物车
 

 
 

 2.将项目下载到本地 

 3.下载文件的目录结构

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

1. 进入https://transfonter.org/平台

2. 点击Add fonts，添加iconfont.ttf
   
   3.勾选如图选项
   
   4.点击

    

   5.下载
   
   
    三、微信小程序中使用图标
   
   1.打开在阿里icon中下载的iconfont.css，复制 @font-face以外的内容，到stylesheet中。
   
   
    

    
   
   2、修改后缀名为.wxss 在需要的地方引入
   
   

3. wxml中使用
   
   

    
   至此就完成啦，搞定！