什么是字体图标？

字体图标应用场景：页面中的常见小图标，本质上是字体，字体是矢量图，就是放大不会失真的图片

字体图标的优点：减小服务器的压力，可以随意放大缩小而且不失真，可以像设置字体样式一样对图标进行样式的设置

图标来自于网络资源库（下载引入样式表即可使用）：百度搜索iconfont-- 可以选择图标 -- 加入购物车 -- 点击购物车 -- 添加至项目 -- 下载

Iconfont：www.iconfont.cn/ icomoon：icomoon.io/

Unicode使用法：

 <link rel="stylesheet" href="./iconfont/iconfont.css" />
 <i>&#xe600;</i>
 i {font-family: iconfont;}

Font-class使用法：

 <link rel="stylesheet" href="./iconfont/iconfont.css">
 <span class="iconfont icon-play"></span>

在线引入字体图标： <引入在线字体，注意前面要加http:>

 <link rel="stylesheet" href="http://at.alicdn.com/t/font_3214470_n1ewz7uld1.css">
 <span class="iconfont icon-cunkuan"></span>

优点：添加新图标时不需要重新下载字体图标，减小项目体积