之前看过font awesome的使用教程，大部分是文字说明，不大容易理解，我这里就以实际项目里的用法结合图片说明一下
首先先介绍一下什么是font awesome？
Font Awesome是一款很流行的字体图标工具。随着Bootstrap的流行而逐渐被人所认识，现在FontAwesome不仅仅可以在bt上使用，还可以应用在各种web前端开发中。相对于传统的使用背景图片作为图标，字体图标主要是支持自适应、可以使用字体的各种特性（比如变色、变大变小、字体阴影等）、减少数据加载、样式更容易定义等。
Font Awesome 特性
不需要JavaScript要求：更快的载入速度
无限的可扩展性：可伸缩矢量图形意味着每一个图标在任何大小看起来真棒。
自由免费：你可以将它应用到你的商业中。
CSS控制：轻松的定义图标的颜色，大小，阴影，和任何与CSS相关的特性。
完美的视网膜显示：使用矢量字体，这意味着他们可以完美的显示在高分辨率显示器中
为BootStrap而生：完全的兼容BootStrap新版3.0
桌面友好：你可以查看字体的样式列表
兼容屏幕阅读器：不像其他字体图标不兼容屏幕阅读器
font awesome首页
使用方法：
你只需要到：http://fontawesome.io 下载压缩包然后解压到你的项目中，也可以去http://fontawesome.dashgame.com/（后面这个是中文文档，用户体验更友好一些，下载完成之后只需要把其中的css文件之一放在你的项目中即可
解压完成之后
点击css文件
如果是开发项目就用min.css版更加节约内存
在你的HTML头部的head里面添加对相应的font-awesome的样式
如图把刚刚的min.css<link>进你<head>中
进入fa官网查看你所需要的图标
图标截图
点击你所需要的图标后会自动弹出相应代码，把代码复制到你的项目中
任意点击一个图标即可复制代码
下面是我已经把代码复制到项目中的截图
红色框选区域
在浏览器中打开项目效果如下
红色框选区域
使用fa可以为web开发者和ui设计师可以节约很多时间，希望对你们有用。感谢你的阅读