图标FontAwesome图标字体完全CSS控制

在HTML中使用Font Aweso me也很简单如下

01 .fa-stack {

02 position: relative;

03 display: inline-block;

04 width: 2em;

05 height: 2em;

06 line-height: 2em;

07 vertical-align: middle;

08}

09.fa-lg {

10 font-size: 1.33333333em;

11 line-height: 0.75em;

12 vertical-align: -15%;

13 }

14#这里显示的是Google plus和twitter的图标15<i class="fafa-google-plus-square"></i> \f0d416<i class="fafa-twitter"></i> \f081

17

18#这里显示两个图标合并的样式

19<span class="fa-stack fa-lg">

20 <i class="fafa-square-o fa-stack-2x"></i>21 <i class="fafa-twitter fa-stack-1x"></i>22</span>

下面是全部的Font Awesome图标