Font Awesome圖標(biāo)是什么？大家只要打開自己的主題，看到文章列表頁或者文章詳情頁就可以看到文章標(biāo)題或者簡(jiǎn)介下方的發(fā)布時(shí)間、分類或者瀏覽量前面的那個(gè)小圖片就是Font Awesome圖標(biāo)了。

注：并非所有的主題都是用的font awesome圖標(biāo)，例如本站的圖標(biāo)就不是，而是改用了使用稍微復(fù)雜一些的阿里圖標(biāo)！這兩種圖標(biāo)各有千秋，font awesome圖標(biāo)得使用特別簡(jiǎn)單，小白也能輕易上手，但可選性實(shí)在不多，且樣式不是很好看；而阿里圖標(biāo)比較齊全，樣式也是各種各樣，幾乎可以滿足任何網(wǎng)站的硬性要求，然而它的使用稍顯復(fù)雜，第一次接觸的人還真不大容易上手！但不用擔(dān)心，以后我會(huì)出一篇教程的，今天先說Font Awesome圖標(biāo)的使用教程。

ZBlog如何使用Font Awesome的教程詳解

本問題要分兩種情況來說，一種就是作為開發(fā)者如何在自己主題中引入和使用Font Awesome圖標(biāo)庫(kù)，另一種情況就是作為主題的使用者該如何調(diào)用主題中已引入的Font Awesome圖標(biāo)庫(kù)！

一，開發(fā)者如何在自己主題中引入和使用Font Awesome圖標(biāo)庫(kù)

1，下載Font Awesome，去官網(wǎng)下載。

2，文件下載后解壓，得到兩個(gè)文件夾，font和css。上傳至你正在使用的主題的“style”文件夾內(nèi)。

3，修改你正在使用主題的header.php文件，插入“<link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.min.css" type="text/css" media="all"/>”。

4，在想要調(diào)用圖標(biāo)字體的地方插入”<i class="fa fa-thumbs-o-up"></i>“這種代碼即可調(diào)用了。

5，圖標(biāo)的調(diào)用方法請(qǐng)參考下方主題使用者的教程。

備注：其實(shí)這樣的使用方法并非是最優(yōu)的選擇，這只是普遍化的普通的引入和使用方法，其實(shí)還有一種引入和調(diào)用的方法才是我最建議開發(fā)者選擇的，本文中暫且不提，以后再給大家說來，到時(shí)這里會(huì)直接加上超鏈接引導(dǎo)大家進(jìn)入。

二，主題的使用者該如何調(diào)用主題中已引入的Font Awesome圖標(biāo)庫(kù)

作為一款主題的使用者，如果你的主題中已經(jīng)引入了Font Awesome圖標(biāo)庫(kù)，那么這時(shí)你只需要直接調(diào)用即可！調(diào)用方法如下：

1，打開Font Awesome圖標(biāo)中文網(wǎng)，網(wǎng)址：http://www.fontawesome.com.cn/，并點(diǎn)擊導(dǎo)航欄的“圖標(biāo)庫(kù)”按鈕，如下圖：

2，進(jìn)入圖標(biāo)庫(kù)頁面之后，找到你需要用到的圖標(biāo)樣式并點(diǎn)擊如下圖：

3，點(diǎn)擊具體的某個(gè)圖標(biāo)后，你即可進(jìn)入圖標(biāo)具體代碼頁，點(diǎn)擊復(fù)制代碼并將其添加到你需要的位置即可，如下圖：

4，圖標(biāo)已成功添加到你需要的位置，如果刷新頁面沒有顯示出來，這時(shí)你可以“重新編譯主題緩存”和清理瀏覽器緩存即可！