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

1、选择你要使用的图标

iconfont阿里矢量图标库使用说明加入购物车!

2、点击购物车

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

3、添加项目

iconfont阿里矢量图标库使用说明自己创建一个项目组添加进去!
iconfont阿里矢量图标库使用说明

4、编辑图标(可选)

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

5、使用图标的两种方法

(1)链接引用

iconfont阿里矢量图标库使用说明然后你就会得到这样一个链接://at.alicdn.com/t/font_1951421_o0r9wbw6wcd.css,再用link标签引入该css样式即可!

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

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