Font Awesome 5:解決CSS 內容問題
問題:
使用者面臨重複出現出現的問題Font Awesome 圖示無法在CSS內容中正確顯示的問題,顯示圖示的程式碼
說明:
在Font Awesome 5 中,CSS 整合過程發生了重大變化,需要仔細注意特定的代碼元素。
和CSS 整合方法。確保您使用的是 CSS 整合方法。使用連結元素將CSS 檔案匯入到您的head 標籤:
更正字型系列:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
在Font Awesome 5中,字體系列應設定為“Font Awesome 5 Free”而不是“FontAwesome”。
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css")
使用正確的內容值:
對於圖標, content 屬性需要一個以f 而不是/f 為前綴的十六進位unicode 值。例如,對於上一個圖標,您應該使用:以上是為什麼我的 Font Awesome 5 圖示在 CSS 中無法正確顯示?的詳細內容。更多資訊請關注PHP中文網其他相關文章!