iconFont使用

参考链接：https://segmentfault.com/a/1190000016235900

阿里官网传送门： http://www.iconfont.cn/
一、下载素材
1、进入搜索自己想要的 图标

1
2、选择自己想要下载的格式点击下载，下载素材和下载代码的意思是不一样的，这里先演示下载素材。
2
下载素材：下载图标资源，可以指定颜色、大小以及格式
下载代码：下载字体图标的代码（即使官网上的图标是彩色的，应用到项目中也是黑白且大小不变的小图标，等一下演示。），包括demo的html和css文件、iconfont的css、js以及各种字体文件。 添加至项目：建立一个自己的图标库，将图标整合在一起，方便后续应用在自己的实际项目中。*
3
二、下载代码
1、 4
5
2、将压缩包解压，将iconfont.css添加到自己的项目中，并且在项目中引用这个css文件。
6
这种方式得到的图标的内容大小是不变的。
想要将图表内容变大，可以在iconfont.css文件中改动。将16px改成50px
7
三、添加至项目
1、将选择的图标添加至项目，如果已经添加过项目了，直接点击就好了，之前没添加过项目，给你的项目起一个名字。
8
右上角的“下载至本地”就是下载该图标库的代码到本地，代码包括demo的html和css文件、iconfont的css、js以及各种字体文件，demo是使用说明，iconfont文件是使用这个图标库所必须的文件，可根据使用的具体方式引用相应文件

注意：如果在图标库中新增加了图标，则需要更新在线链接并把该链接重新引入到实际项目中，或者重新下载代码到本地，然后在实际项目中引入最新的iconfont文件。