微信小程序使用阿里iconfont彩色图标

1️⃣ 首先执行命令：

npm i -g iconfont-tools

注意：如果出现“permission denied”等error信息，记住加上 sudo指令。

2️⃣ 下载iconfont文件同时cd 切换到该目录。

3️⃣ 然后执行：

iconfont-tools  // 生成小程序专用文件

 4️⃣ 最终生成 iconfont-weapp-icon.wxss文件，放在项目中。

5️⃣ 其他补充以及使用。

5️⃣-1️⃣  app.wxss中引入wxss文件以及设置全局样式。

@import "utils/iconfont-weapp-icon.wxss";

.t-icon {

width: 1em; height: 1em;

vertical-align: -0.15em;

fill: currentColor;

overflow: hidden;

}

5️⃣-2️⃣ 使用。

icon开头的名称，都变成t-icon。