微信小程序:引入阿里巴巴矢量图标库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

上一篇:Vue 项目 iconfont 配置


下一篇:在Android中弹出?