字体的引用-Font Awesome网站

http://www.fontawesome.com.cn/examples/

使用CSS
复制font-awesome目录到你的项目中
在<head>处加载font-awesome.min.css如下。
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

使用fa-fw来设置图标在一个固定宽度内，主要用于不同宽度图标无法对齐的情况，尤其是在列表或导航时导致重要作用。

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; 首页</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 关于我们</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; 后台应用编辑</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 系统设置</a>
</div>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容