使用 Font Awesome

Font Awesome 是一個非常簡單但功能強大的庫,可以用幾個單詞提供 634 個圖示。

它是如何工作的?Font Awesome 使用儲存在 ../fonts 目錄中的 Unicode 字元將任何 i.fa 元素更改為相應的 unicode 字元,因此將圖示顯示為文字。

如何建立圖示?所有圖示類都必須是 i 元素,或者 italic element,主要用於最佳實踐,但也提高了 Font Awesome 的效能。所有圖示上都有 fa 類。這表示一個圖示,沒有它就無法工作。之後,只需新增你想要的圖示,字首為另一個 fa-。完成的示例如下:

<i class="fa fa-pencil"></i> 變成了 http://i.stack.imgur.com/08OV3.jpg

因為字型真棒可以使用 unicode 字元,所以它也允許任何文字操作也適用於它,例如 font-sizecolor 等。