iconfont阿里矢量图标库使用说明

1、选择你要使用的图标

在这里插入图片描述加入购物车!

2、点击购物车

在这里插入图片描述

3、添加项目

在这里插入图片描述自己创建一个项目组添加进去!
在这里插入图片描述

4、编辑图标(可选)

在这里插入图片描述

5、使用图标的两种方法

(1)链接引用

在这里插入图片描述然后你就会得到这样一个链接://at.alicdn.com/t/font_1951421_o0r9wbw6wcd.css,再用link标签引入该css样式即可!

(2)下载到本地使用(推荐)

为什么下载到本地比较推荐呢?我们习惯了用px衡量一个字体图标的大小,编辑图标也只能放大缩小,并不能精确大小,为了大小的精确最好把css下载到本地,然后自己在css文件中改font-size!
在这里插入图片描述下载之后你会得到一个文件夹,找到文件夹中的iconfont.css
在这里插入图片描述然后把iconfont.css放入项目下:
在这里插入图片描述然后你就可以link标签使用这个css了,添加对应的类就可以得到你的图标!当然你也可以改font-size:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44571270/article/details/107417775