网站中有很多图标,一般人的选择是使用图片,但是每张图片会对服务器进行一次请求,容易加大服务器的负荷,若使用精灵图的话,又会加大html图片资源的内存,弊端同样很明显,所以在网站制作中,对于这些小图标最好是使用字体图标(也就是将图标作为字体使用)。

设计师制作字体图标很耗费时间并且不可能罗列所有图标,所以一般情况都是使用第三方提供的图标库。有很多开源的图标库,例如:和,最常用的是阿里巴巴的。
使用步骤:
1.将需要的图标添加入库

2.将添加入库的图标加入项目

3.下载至本地

4.引入核心css文件
<link rel="stylesheet" href="font/iconfont.css" /><!-- 引入核心css文件 -->
5.在标签中加类名即可
<i class="iconfont icon-gouwuchekong"></i><!-- 在标签中添加类名
