在做手机App项目中,经常会遇到小图标在手机上显示比较模糊的问题，图标字体化是比较好的方法。
使用icon font来生成图标相对于基于图片的图标来说有如下的好处：
自由的变化大小而不失真，适用于不同分辨率和尺寸的屏幕
1、自由的修改颜色
2、添加阴影效果
3、支持图片图标的其它属性，例如，透明度和旋转等等
4、可以添加text-stroke和background-clip:text等属性，只要浏览器支持
字体图标有eot、ttf、woff、svg四种格式，eot格式，只能用于IE9以下版本的IE浏览器中。剩下的3个格式用于现代高级浏览器。
先介绍几个字体图标的下载网站：
1、IcoMoon
2、Fontello
3、FontsAddict 这个是一个字体图标搜索引擎，提供的字体图标最多
下面以IcoMoon为例，介绍下载字体图标的方法
进入IcoMoon，看到如下图的页面，点击"IconMoon"
选择需要的图标，点击下面的"Font>"，即生成字体
选择需要的图标，点击下面的"Down>"，即可下载
解压缩下载的文件
运用：将fonts文件夹全部内容和style.css文件放到相应的项目中。
根据css文件下面生成的class类的名称添加到html对应的节点上即可添加字体。
当然添加字体还需要设置font-size，也可以根据实际情况设置color改变其颜色。
原文链接：http://blog.csdn.net/u013938465/article/details/50680468
相应实例下载地址：http://download.csdn.net/detail/u013938465/9434357