Font Awesome 網頁icon符號工具包

在製作網頁的時候，會需要一些圖形符號或icon來製作UI或網頁內容，而 Font Awesome 網站將常用的 icon 符號整理成工具包，以提供網頁設計師使用，不需要另外繪製。此工具包有分為免費版與付費版。



使用方法相當簡單：

1. 在head區，用以下語法連結CSS檔案。

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet"></link>

2. 進入 Font Awesome 網站，點選上方的icon，即可進入選擇icon的畫面

3. 點進想要的icon之後，選擇Copy html，這個網站用 i 標籤的方式連結icon檔案，語法類似這樣，然後直接插入想要的區塊即可：
<i class="fas fa-ad"></i>

因為 Font Awesome 的 icon 都是用字元的方式所寫成，所以叫Font Awesome，因此可以運用CSS語法修改大小與顏色。

Font Awesome https://fontawesome.com/