简单介绍⼀下阿⾥巴巴⽮量图标库的使⽤相信做过前端的都知道阿⾥巴巴⽮量图标库，这是⼀个⾮常好⽤的添加⼩图标的⽅法，⽽且是完全免费的，可以在线使⽤也可以下载到本地使⽤，⽽且图标是作为字体插⼊，不仅可以改变颜⾊⼤⼩，⽽且在布局⽅⾯也⾮常⽅便。
下⾯我就来介绍⼀下阿⾥巴巴⽮量图标库Iconfont。
Iconfont之前只包括官⽅图标库和所有图标库，现在改版⼜多了个多⾊图标库，这个暂时没⽤过，⽤过再来讲，这⾥我⼀般都选所有图标库。
点进去之后在上⾯有⼀个搜索框，可以输⼊关键字搜索，⽐如输⼊：“主页”，就会出现代表主页的图标;这个图标会有很多，⼤家要注意是线条的还是填充的。
找到你想要的图标之后你可以有三种选择：第⼀，将想要的图标保存成图⽚格式下载到本地，⼀般有三种格式，SVG下载，AI下载，ＰＮＧ下载;SVG格式是可缩放的⽮量图形，⽤来定义⽤于⽹络的基于⽮量的图形;因为图像是⽮量图，在改变尺⼨时图形质量不会有所损失;AI格式是指在Adobe Illustrator的软件中制作的⽮量图，但是只能在特定软件中打开，也可在PS中打开,不过打开后显⽰的不是⽮量图，⽽是位图，不是⽤于设计的⼀般⽤不上;所以较为常⽤的是存储为PNG格式，作为图⽚插⼊；第⼆：当你需要下载多个⼩图标时，将选好的图标统⼀加⼊购物车，加⼊购物车后点击下载代码，就可以下到本地使⽤了。
这⼀步从前不需要登录，但是现在改版了，需要先登录才可以操作，然后它有⼀个缺点，就是如果你想要添加⼏个图标的话需要重新下载所有的，当然，也不是没有解决办法办法的，可以下载新的之后，在css⽂件夹⾥再创建⼀个⽂件夹，在⾥⾯再写⼀个css外联样式表⽤来操作新的⼩图标，不过这样似乎有点劳师动众，⽽且⽂件夹⾥再嵌套⽂件夹，对⽹页性能也是有影响的；所以如果你不是⾮要下载到本地的话，可以尝试第三种⽅法。
使⽤时，将打包后的zip包解压，⾥⾯有三个html⽂件，打开，⾥⾯是在本地使⽤的三种⽅法（之前只有Unicode），⼤家可以在浏览器中打开，按照步骤操作，把⾥⾯的两⼤段代码拷贝到css⽂件中，然后就不需要再动他们了，这⾥要说⼀下，在进⾏下⾯操作之前需要先把解压后⽂件除了开头字母为demo的⼏个⽂件外，其他的都拷贝到css⽂件夹根⽬录，确保你在使⽤时能调到这⼏个⽂件（可能有些不是必须，但我⽐较懒，就都拷贝了）；这样基本就完成了，你想在页⾯哪⾥使⽤，只要在demo⾥获取Unicode码，替换<i class="iconfont">3</i>中间的就可以了。
