記憶盒子

Font Awesome V5 圖標及對應編碼。

本文收錄了1000個Font Awesome V5 圖標及對應編碼。

(點擊圖片放大)

(點擊圖片放大)

(點擊圖片放大)

(點擊圖片放大)

===============================

在原始網頁（非圖片）查找編碼更方便：

Font Awesome V5 圖標及對應編碼

===============================

使用方法介紹

css定義 content 屬性必不可少，如下所示：

.offsite:after {
  font-family:FontAwesome;
  content:"\f062"
}

代碼 \f062 是一個向上箭頭圖標。

要使用font awesome圖標，我們首先要引用font awesome圖標字體庫文件，如(注意路徑要正確)：

<link rel='stylesheet' href='font-awesome/5.10.2/css/all.css'>

要注意的是，不是直接引用了文件就能使用的，還要進行Web服務器的相關配置。請參考以下相關文章。

Linux Nginx安裝配置Font Awesome圖標字體

IIS6.0安裝配置FontAwesome圖標字體運行環境

IIS7.5安裝配置Font Awesome圖標字體的方法

Font Awesome圖標在IE瀏覽器不顯示的解決方法

Font Awesome 5.10.2下載

點擊下載

廣告

香港云服務器

19.8元/月起

立即選購 >

rxinyun

立即選購 >

標簽: FontAwesome  

※ 網站速度慢？試試網站自動優化工具 ※