如何在小程序中使用彩色的iconfont

1. 全局安装iconfont 的字体文件包iconfont-tools(npm i -g iconfont-tools)
2. 在阿里巴巴矢量图标库中,将要使用的彩色图标添加至购物车,然后下载代码
如何在小程序中使用彩色的iconfont_第1张图片
如何在小程序中使用彩色的iconfont_第2张图片
3. 在命令行工具中打开下载的图标文件: 运行iconfont-tools
生成 iconfont-weapp文件
如何在小程序中使用彩色的iconfont_第3张图片
如何在小程序中使用彩色的iconfont_第4张图片
4. 将 iconfont-weapp 文件复制到项目里面如何在小程序中使用彩色的iconfont_第5张图片
5. 在项目中通过class引用来使用:
class=“t-icon t-icon-dizhi”
如何在小程序中使用彩色的iconfont_第6张图片

你可能感兴趣的:(笔记,前端,微信小程序,彩色图标,icfont)