阿里iconfont矢量图库使用

iconfont能够像使用字体同样使用矢量库中全部的矢量图，在web中使用，有3中使用方式，分别是：

1）unicode引用 2）font-class引用 3）symbol引用（平台推荐的用法）

font-class引用方式使用最为方便：

一、阿里矢量图库，检索你想要的矢量图：http://www.iconfont.cn 

二、添加入库

三、添加到你的项目里，注：若是还没项目，能够根据须要新建一个

四、在“个人项目”中可查看已添加的矢量图

将项目下font class中的css添加到你页面html的head部分，就能够开始使用已添加的矢量图

五、示例代码截图

建立一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另外一个是你想要的那个图标对应的类名（即上图的icon-xxxxx）:

==================完美分割线==================

一开始找到一个国外有名的矢量图库地址 fontawesome.com，但发现即便你只须要使用几个矢量图也得把全部关联js、css、字库都下载下来才能够使用，大小都在大几十KB。在这点上iconfont能够只须要添加使用到的矢量class便可，可很好控制文件大小