1.登录阿里矢量官网：
https://www.iconfont.cn/?spm=a313x.collections_index.i3.2.42c93a81e3NqA9
2.选择你需要的图标，加入购物车
加入购物车
3.将购物车中的图标放入项目
加入已有项目或创建一个新的项目
4.下载文件
下载至本地
-
将解压后的 iconfont.css 文件修改后缀改成你的小程序使用的wxss或sass或less（这里使用的是wxss）
更改后缀 -
在你的小程序项目里创建一个font文件夹，将修改后的iconfont.wxss放进去
7.打开文件，将不需要的路径删除
删除不需要的路径 - 微信小程序在真实使用时无法加载本地的类似文件，我们需要将此类文件转换成data64
https://www.giftofspeed.com/base64-encoder/
打开转换文件的网址⬆️，将刚刚下载的文件转换格式（其中的ttf和woff还有woff2可以根据需求自行选择，这里将要使用的是woff）转换成data64 -
用data64替换之前的路径
之前的路径 - 添加bata64格式，后面是刚刚转换后的数据
data:font/woff;charset=UTF-8;base64,
- 在需要使用的页面css文件中引入刚刚的文件；如果需要全局使用，则在app.wxss中引入
@import '/font/iconfont.wxss';
- 图标使用
<text class="icon-xihuan iconfont"></text>
如果需要修改图标样式，在类名iconfont下修改即可
修改样式
tada💃你就可以在微信小程序中使用阿里矢量图标啦
需要添加图标时，在阿里官网将你需要的图标添加至你的项目，重新下载；将新增的类名及样式复制到你的wxss文件中；将新下载的woff文件重新转换格式，将转后的base64代码与之前路径中的进行替换。
