微信小程序里使用阿里巴巴矢量图标

小程序内使用阿里巴巴矢量图标

登录 阿里巴巴矢量图标 （https://www.iconfont.cn）

 

选中图标，加入购物车图标

 

下载源代码

 

 解析出来如下文件结构

 

有两种使用方式：

1）不转换成base64的文件

找到 iconfont.css 文件，直接复制出来粘贴在微信小程序的wxss 文件内

再在小程序的wxml 里引用类 

 

2）转换成base64的文件 在线转换 （https://transfonter.org/）

先找到下载的源码中的 iconfont.ttf 文件，导入

 

 

后续引用与1类似