微信小程序：引入阿里巴巴矢量图标库iconfont

本文主要是介绍微信小程序：引入阿里巴巴矢量图标库iconfont，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

阿里巴巴矢量图标库：https://www.iconfont.cn/

第一步：生成fontclass地址

• 将喜欢的icon加入购物车
• 将购物车中的图标添加至项目
• 获取项目的Font class地址，打开连接，并复制内容

第二步：引入字体

将Font class内容粘贴到微信小程序项目中

新建文件

static/font/iconfont.wxss

在 app.wxss 文件中引入字体

@import "static/font/iconfont.wxss"

第三步：使用字体图标

第一个为 iconfont， 第二个为样式库的类名

<text class="iconfont icon-copy"></text>

参考
微信小程序如何引入iconfont

这篇关于微信小程序：引入阿里巴巴矢量图标库iconfont的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！