一、如何开始
1、将下面的代码复制粘贴到HTML页面面的 <head> 下面
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
2、在需要添加图标的文字前面加入如下代码
<i class="fa fa-bars"></i>
根据图标选择的不同，class中的也不同，选择要调用的图标，单击就会有相应的代码。
更多的图标：http://www.fontawesome.com.cn/faicons/#webapp-icons
二、效果，如本站的菜单导航
为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站
原文：http://www.cnblogs.com/dinphy/p/5953062.html