iconfont字体图标是什么：
字体图标看起来是图，本质是字，可以通过css的font-size属性修改字体图标大小，可以通过color属性设置颜色，与文字一样。
字体图标的特点：
- 与图片相比，加载速度更快。
- 兼容性高。
- 灵活性高，可以通过字体属性控制样式。
iconfont字体图标的使用方法:
iconfont-阿里巴巴矢量图标库网址：www.iconfont.cn/
第一步：下载字体图标。
注册登录账号。
来到首页，选择素材库。
点击图标库。
然后就可以选择各种字体图标了。
先把需要的字体图标点上小购物车。
选完素材后点击右上角购物车图标。
弹出如下界面，点击添加至项目。
加入项目。
添加完项目之后出现如下界面，点击下载至本地即可。
下载至本地后要解压文件，建议跟网页放在同一个目录，打开后有如下文件：
其中会用到的是 demo_index.html 和 iconfont.css。
第二步：使用字体图标
1.先引入iconfont文件夹中的iconfont.css文件。
2.使用字体图标的方式。
（一般字体图标都是用i标签承接）
（1）通过i标签使用unicode编码引入字体图标。 先打开demo_index.html文件，然后找到想要的字体图标，复制它的Unicode码，然后塞进i标签里面。再在i标签样式中设置font-family:iconfont;
这样字体图标就能成功出现在网页中了，而字体图标又有能跟文字一样修改属性，于是修改属性后可以获得一个粉色的车车。
（2）通过font-class承接字体图标。
首先还是引入iconfont的css文件，然后在body中写入一个i标签，不用给i标签添加内容，但是要给i标签设置类名，第一个类名固定为iconfont,第二个类名则需要在demo_index.html打开后寻找，找到后复制并粘贴到i标签类名里面。（注意粘贴进去要删掉前面的‘.’）
然后设置样式我们需要额外再给i加一个类名，不然直接给i标签修改我们就不能控制每一个图标的样式了，设置好后，我们就能得到一个心仪的绿色播放按钮。
除了用i标签承接字体图标外，还可以用伪元素来承接字体图标。 例：下图中的旗帜是我们要引入的目标。
首先引入iconfont css文件，然后设置一个伪元素，content中的值为unicode的值，前面三位&#x替换为\，然后设置font-family:'iconfont';详细代码和展示效果如下图所示：
