【微信小程序使用阿里巴巴矢量图标库】流程梳理

一、在阿里云图标库上创建项目

1、【FontClass/ Symbol】 前缀 可自定义 方便使用

2、【Font Family】 可自定义 方便使用

3、【字体格式】选择 WOFF2 WOFF TTF SVG Base64

二、下载至本地

1、解压后 将 iconfont.css 文件夹后缀 改成wxss

2、放入小程序项目规范位置

3、在根目录的 app.wxss文件下进行引用
@import “colorui/alibaba.wxss”;

三、在页面内使用

1、使用class属性
2、【Font Family】开头，【FontClass/ Symbol】 前缀 + 图标名称进行拼接