前端阿里矢量图的使用步骤

百度搜索 iconfont，找到自己想要的图标，然后按照下面几种方法引入

1，直接插入对应标签（图片，图标都可以），先下载，然后点击复制svg代码，（注意复制完的代码是一个元素，直接写到对应位置即可）；

2，多个标签通过css引入  css中进行网址请求

1，将需要的图标加入购物成，然后点击购物车创建属于这个的项目，

2，然后添加至项目

3，点击更新代码链接；

4，然后复制这串链接，

5，找到网址中跳转该网址然后获得对应的css样式，

6，将内容其保存在自己创建的css文件中，因为url不会主动请求，所以要加http：

 7，随后引入到对应的html中，

8，最后就给对应的元素标签设置class名，因为字体是iconfont，

9，所以要在class名中前面添加iconfont  随后添加对应的图标名，就可以了

 还可以给这个标签添加class名，然后在css中设置字体大小和颜色

方法3，简单又实用

1，直接link引入方法2中第三步的对应的网址链接；

2，也要记得加http:

3，其他步骤和方法2中8以后的步骤

<link rel="stylesheet" href="http://at.alicdn.com/t/font_3184050_4rki8oe5guq.css">