使用图标文字来替代网页中的小图标

以前，网页中，尤其是实现列表中的开头的小图标的时候，我会将psd中的小图标切成PNG透明图标，然后将li标签高度设置与图标高度一致来实现水平居中。

后来我发现iconfont，这种图标文字可以通过font-size来设置大小，用background来设置起颜色，比起透明的PNG图片，这个真的方便很多，而且体积也很小，现在已经可以在CSS中引入一个在线的图标库来实现了，很方便，比如

将图标库引入网页

然后调用

<I class="fa-fa-camera-retro"></I>

基本的写法是fa-图标名称

说明文档网站   http://fontawesome.dashgame.com