Font Awesome 是目前最多人用的 Icon 字型，在 WordPress 裝官方外掛、填一組 API Token 就能用，免費版就有 2,000 多個圖示。圖示本質上是字體，放大縮小、改顏色都不會模糊，不必再為了一個小圖示去找圖、上傳。我自己整站的小圖示都靠它管理，唯一要記得的是免費版透過 Kit 使用每月有 10,000 pageviews 上限。這篇會帶你看 Font Awesome 是什麼、外掛怎麼安裝設定、免費版上限怎麼算，還有它和 Google Material Icons 該怎麼選。
Font Awesome 是什麼？
「每次想在標題旁加個小圖示，都要找圖、上傳、調尺寸，有沒有更省事的方法？」這是不少部落客常問我的問題。答案就是 Font Awesome，它是一套 Icon 字型函式庫，把上千個設計好的圖示做成字體，你可以用 CSS 控制大小和顏色，跟文字完全融合，放再大也不模糊，完全不必用圖片。
Font Awesome 從 2012 年問世到現在，是使用人數最多的 Icon 字型服務，從箭頭、星星、社群媒體 Logo 到購物車圖示應有盡有。免費版就收錄 2,000 多個圖示，付費的 Pro 版則解鎖數萬個更精緻的設計風格。最方便的是它在 WordPress 上有官方外掛，後台直接安裝、設定完成就能在文章、頁面、小工具裡插入圖示，不需要手動寫任何程式碼。如果你也在意網站整體的字型選擇，可以一併參考中文字型推薦懶人包，搭配像 justfont 雲端字型這類中文字型方案，把內文字體和圖示一起搞定。
為什麼 WordPress 推薦用 Font Awesome 外掛？
WordPress 推薦用 Font Awesome 外掛，最主要的理由就是省事、不用碰程式碼。一般要在網站用 Icon Font，得自己引入 CSS、處理版本相容，對不熟技術的部落客很容易卡關；官方外掛把這些全包了，後台啟用、填一組 Token 就能在區塊編輯器直接挑圖示插入。
另一個理由是統一管理。就拿你現在看的這篇文章來說，金城老師觀點旁的星星、延伸閱讀的書籤、參考資料的地球，全都是 Font Awesome 圖示，整站幾百篇文章的小圖示都從同一個外掛載入，日後要升級版本或換風格，改外掛設定就好，不必一篇一篇文章去動。想讓版型更有層次，也可以搭配字體設計的版型技巧一起調整。
很多人會問我：Font Awesome 一定要付費嗎？答案是不用。免費版 2,000 多個圖示對一般部落格綽綽有餘，只有要 Pro 才有的精緻圖示、或流量超過 Kit 上限，才需要升級。
Font Awesome WordPress 外掛怎麼安裝設定？
Font Awesome WordPress 外掛的安裝設定不難，照下面幾步走，幾分鐘就能搞定：
- 後台「外掛 → 安裝外掛」搜尋 Font Awesome，安裝並啟用官方外掛。
- 到外掛設定頁，「How are you using Font Awesome」選 Use A Kit，點下方連結到 Font Awesome 官網註冊帳號（免費帳號也能建立 Kit）。
- 帳號建立後，到帳號設定的 Tokens 區塊複製那串 Code，貼回外掛設定的 API Token 欄位，基本設定就完成。
- 要插入圖示，在區塊編輯器新增「Font Awesome Icon」區塊、按「Choose Icon」挑圖，或用工具列的 Font Awesome 內聯選項，視覺化選好就直接插入。
這裡有個關鍵差別：如果你是直接到官網複製某個圖示的 HTML 代碼（例如 <i class="fa-brands fa-apple"></i>），沒辦法直接貼進視覺編輯器，得切到 HTML 程式碼模式才貼得上去，手續會麻煩不少。而官方外掛的價值就在這裡，用內建的圖示選擇器，不用碰程式碼就能挑圖插入，把這道麻煩整個省掉。
常被問到一個問題：免費版一定要申請 Token 嗎？其實不一定。只用最基本的免費圖示，外掛預設 CDN 就會顯示；只有要用 Kit（自訂、Pro 圖示）才要 Token，10,000 pageviews 上限也是算在 Kit。
Font Awesome 免費版的 10,000 pageviews 上限怎麼算？
先講結論：這 10,000 次算的是「全站載入 Kit 的頁面瀏覽總和」，不是某一張圖示、也不是單一頁面被看一萬次。
要先釐清一點：免費版也能建立 Kit，不是 Pro 才有，只是免費 Kit 每月就卡在這 10,000 次。算法是你站上每一個用到 Kit 的頁面，被打開一次就算一次，一頁不管放 1 個還是 10 個圖示都只算一次。舉個例子，假設你有 10 篇文章各放了圖示、每篇當月被看 1,000 次，加起來剛好 10,000 次就到頂。
好消息是這是每月上限，每月 1 號自動歸零重算，不是用完就永久報廢。真的超過時，免費 Kit 可能被暫停，前台圖示會載入不出來、變成空白，要等下個月重置；除非你開啟超量計費，付一筆費用讓它撐完當月。
至於快取，常被誤會成可以拿來省次數，其實要看是哪一種：
- 一般的網站頁面快取幫不上忙，因為訪客的瀏覽器拿到頁面後，還是會照頁面裡的連結去跟 Font Awesome 的 CDN 抓 Kit。
- 瀏覽器快取只能省掉同一個人短時間重訪的那幾次，而且瀏覽器去問「有沒有更新」時，回應一樣會被算進去。
真正能完全不計入的做法是自架（self-host）：自己下載字型檔放在主機上，瀏覽器跟你的主機要圖示、不碰官方 CDN，就不會被計算。代價是少了自動更新、得自己管版本，適合流量大又想省錢的進階使用者。
Font Awesome 和 Google Material Icons 怎麼選？
結論先講：不想碰程式碼的 WordPress 部落客選 Font Awesome，要完全免費又無流量上限就選 Material Icons，下面這張表幫你一次看懂差在哪。
| 比較項目 | Font Awesome | Google Material Icons |
|---|---|---|
| 圖示風格 | 種類多、設計精緻 | 風格統一、偏簡約 |
| 免費圖示數量 | 2,000 多個 | 全部免費開放 |
| WordPress 外掛 | 有官方外掛，後台直接設定 | 多半需手動引入 CSS |
| 流量限制 | 免費 Kit 每月 10,000 pageviews | 沒有瀏覽次數限制 |
| 上手難度 | 低，點一點就會 | 較高，要懂一點程式 |
整體來說，Font Awesome 適合：不想碰程式碼、希望後台點一點就能用、看重圖示種類和精緻度的 WordPress 部落客。不適合：每月流量遠超過 10,000 pageviews 又不想付費，或本身有技術能力、堅持完全免費無上限的人，這種情況 Google Material Icons 會更合適。
我的建議很簡單：WordPress 使用者、尤其不想手動引入 CSS 的，直接選 Font Awesome，外掛支援讓設定省很多力；如果你有技術底子又特別在意完全免費，Google Material Icons 是個好選擇。
金城老師觀點
說實話，剛開始用 Icon Font 的時候，我以為只是個裝飾性的小東西，後來才發現它對文章質感的影響意外地大，尤其在標題旁加上對應的小圖示，整篇讀起來的清晰度會明顯提升。
我自己現在主要還是用 Font Awesome，因為外掛設定方便、全站圖示也好統一管理，挑圖示在後台點一點就好，不用每次去切程式碼模式。
最後給個實務建議：免費版的 10,000 pageviews 上限對一般部落格通常夠用，但如果你流量已經有規模、又全站大量用圖示，與其每個月提心吊膽，不如直接自架或升級 Pro，免得哪天圖示突然不見影響到讀者。
延伸閱讀
參考資料
常見問題
Font Awesome 是什麼？
Font Awesome 是一套 Icon 字型函式庫，圖示本質上是字體，可以像文字一樣放大縮小、改變顏色，不需要用圖片，在網頁排版上非常實用。免費版就收錄 2,000 多個圖示。
WordPress 要怎麼使用 Font Awesome？
安裝 Font Awesome 官方外掛，到外掛設定填入 API Token 後，就能用外掛內建的圖示選擇器，在區塊編輯器直接挑圖示插入，不需要手動貼程式碼。
Font Awesome 免費版的 10,000 pageviews 上限怎麼算？
算的是全站載入 Kit 的頁面瀏覽總和，一頁不管幾個圖示都只算一次，每月 1 號歸零。超過可能讓圖示暫時顯示不出來，流量大可以改自架或升級 Pro。
Font Awesome 一定要申請 API Token 嗎？
不一定。只用最基本的免費圖示時，外掛預設的 CDN 就能顯示；只有要用 Kit（自訂或 Pro 圖示）才需要 Token，而每月 10,000 pageviews 上限也是算在 Kit 上。
Font Awesome 和 Google Material Icons 哪個比較好？
Font Awesome 圖示較精美、有 WordPress 官方外掛支援；Google Material Icons 完全免費、沒有瀏覽次數限制。不想碰程式碼的 WordPress 部落客通常推薦 Font Awesome，因為外掛設定更簡單。