600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 在项目中使用阿里巴巴矢量字体图标

在项目中使用阿里巴巴矢量字体图标

时间:2024-06-19 13:37:02

相关推荐

在项目中使用阿里巴巴矢量字体图标

在项目中使用阿里巴巴矢量字体图标

打开阿⾥巴巴字体iconfont

搜索需要的图标,选择要使用的图标,点击添加入库

点击右上角的购物车按钮,进入库中

选择添加入项目,

选择新建项目,或者使用已有项目

进入后选择Font class ,然后选择查看在线连接

如果出现暂无代码,就点击自动生成

出现后复制代码

然后去浏览器粘贴,进入网页

网页显示的是css样式

这里以微信小程序为样例

全选复制,然后去微信小程序

新建一个wxss文件,然后全部粘贴进去

然后去app.wxss中导入样式

@import "./styles/iconfont.wxss"

在wxml中使用类的方式来使用字体图标

效果:

如果要修改样式,比如颜色、大小等

在阿里巴巴矢量图标中修改

修改完保存,然后再复制在线链接,复制css代码,修改小程序中的wxss文件

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。