查看一些网站代码的过程中，会发现许多的图片是不是背景图片或者<img>，而是类似于下面这样：
.iconfont{
font-family:"iconfont" !important;
font-size:30px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke- 0.2px;
-moz-osx-font-smoothing: grayscale;
}
这就是iconfont，国内最大的阿里巴巴团队的矢量图标库官网：http://www.iconfont.cn/
使用步骤文档有说明了。
更详细的说明参见知乎这个问题下的回答：https://www.zhihu.com/question/25952487
笔者是下载实验的，成功