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

互联网 2021/11/28 11:10:43

阿里巴巴矢量图标库:https://www.iconfont.cn/ 第一步:生成fontclass地址 将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址,打开连接,并复制内容 第二步:引入字体 将Font class内容粘贴到微信小程序项目中 新建文件 static/font/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

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[微信小程序:引入阿里巴巴矢量图标库iconfont]http://www.zyiz.net/tech/detail-262799.html

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程