Iconfont图标

今天给大家简单介绍一下Iconfont-阿里巴巴矢量图标库；
阿里巴巴矢量图标库提供了很多我们前端开发人员需要的图标，你想到的想不到的应有尽有，而且使用起来很是方便，可以把它理解为具有文本特征的图标；下面介绍一下使用方法：
步骤一：进入iconfont官网注册登录（此处略）

步骤二：进入图标库，进行图标的搜索或者选择


步骤三：下载选中的图标，然后解压到项目文件夹里



第四步：引入iconfont图标

iconfont提供了三中引入方法，这里仅介绍最方便的Font-class引用的方法（原理跟第一种一样，只是用::after伪类将第一种Unicode方法加入的图标的unicode码加入到元素中，然后添加样式）
首先引入iconfont.css，然后再需要添加图标的地方添加元素并给上对应的类名（注：iconfont规定元素必须有一个类名叫iconfont，另外一个类名则是font-class提供的该图标的类名）


效果：

3处可以看到，可以使用文本的属性对iconfont图标进行样式的修改，很是方便；