• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序里使用阿里巴巴矢量图标

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

登录 阿里巴巴矢量图标 (https://www.iconfont.cn)

 

选中图标,加入购物车图标

 

下载源代码

 

 解析出来如下文件结构

 

有两种使用方式:

1)不转换成base64的文件

找到 iconfont.css 文件,直接复制出来粘贴在微信小程序的wxss 文件内

再在小程序的wxml 里引用类 

 

2)转换成base64的文件 在线转换 (https://transfonter.org/)

先找到下载的源码中的 iconfont.ttf 文件,导入

 

 

后续引用与1类似

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap