Font Awesome 圖標字體庫不多介紹，都知道現在大多數網站前端陸續使用各種圖標字體，而Font Awesome又是漢化比較好的一款。

下面直接講解Font Awesome圖標字體庫的使用：

1、下載圖標字體，然后引用（也可以直接官網給的鏈接，打開網址學習即可看到）

http://fontawesome.dashgame.com/

不下載字體庫直接引用：http://fontawesome.dashgame.com/#getstart

2、圖標字體代碼一般是（僅針對Font Awesome）：

<iclass="fa fa-qq"></i> //這就是QQ圖標字體使用代碼

<iclass="fa fa-weixin"></i> //這個是微信的字體代碼

3、如果你需要引用其它圖標，該怎么辦呢？

上圖就是截圖官網里的圖標了，這時候如果要引用第一個圖標“帽子”該怎么辦呢？

答案：<iclass="fa fa-mortar-board"></i> i標簽屬性中比如帶 fa，以及加fa-

同理：<iclass="fa fa-navicon"></i> 就是第二行第一個，三橫線了

4、下一步如何做鏈接或者顏色變化，以及圖標大小呢？

<a href="#"><i class="fa fa-qq"></i>：12345678</a> 這句代碼實現的效果如下圖：

此時，圖標不是圖片，不管顏色、尺寸、大小都會跟著后面的QQ號數字一起變化！

所以，此時對a標簽內任何屬性操作，都會同步到圖標上，比如加顏色，那么圖標也是同步，比如給字體加字號，那么圖標的字號也會同步放大！