Font Awesome 是一個基於 CSS 和 LESS 的字體和圖標工具包。它由 Dave Gandy 製作，用於 Twitter Bootstrap，後來被集成到 BootstrapCDN 中。Font Awesome 在使用第三方 Font Scripts 的網站中佔有 20％的市場份額，排在 Google 字體之後的第二位。
—— 維基百科
首先前往 FontAwesome 官網下載工具包：https://fontawesome.com/download
下載 Free For Web 版本，將下載下來的壓縮包解壓後得到所有需要的文件。
在網站根目錄下新建/assets文件夾，並在該文件夾下建立/css與/webfonts文件夾。
將解壓得到的/fontawesome-free-6.2.0-web/css文件夾中的fontawesome.css、brands.css、solid.css複製至/assets/css。
將解壓得到的/fontawesome-free-6.2.0-web/webfonts文件夾中的fa-brands-400.woff2、fa-brands-400.ttf、fa-solid-900.woff2、fa-solid-900.ttf複製至/assets/webfonts。
如果你想自己選擇目錄放置這些文件，請注意修改brands.css、solid.css中的字體引用路徑
在index.html中的<head>標籤內引用：
<link href="./assets/css/fontawesome.css" rel="stylesheet">
<link href="./assets/css/brands.css" rel="stylesheet">
<link href="./assets/css/solid.css" rel="stylesheet">
之後便可在網頁內使用<i>標籤直接引用圖標，Enjoy！
有關於引用圖標的幾種方式，請自行查閱官方文檔
查詢圖標：https://fontawesome.com/search
官方文檔：https://fontawesome.com/docs
官方教程：https://fontawesome.com/docs/web/setup/host-yourself/webfonts