在项目中使用阿里巴巴矢量字体图标
打开阿⾥巴巴字体iconfont
搜索需要的图标,选择要使用的图标,点击添加入库
点击右上角的购物车按钮,进入库中
选择添加入项目,
选择新建项目,或者使用已有项目
进入后选择Font class ,然后选择查看在线连接
如果出现暂无代码,就点击自动生成
出现后复制代码
然后去浏览器粘贴,进入网页
网页显示的是css样式
这里以微信小程序为样例
全选复制,然后去微信小程序
新建一个wxss文件,然后全部粘贴进去
然后去app.wxss中导入样式
@import "./styles/iconfont.wxss"
在wxml中使用类的方式来使用字体图标
效果:
如果要修改样式,比如颜色、大小等
在阿里巴巴矢量图标中修改
修改完保存,然后再复制在线链接,复制css代码,修改小程序中的wxss文件