為什麼我的 Font Awesome 5 圖示在 CSS 中無法正確顯示？

Font Awesome 5：解決CSS 內容問題

問題：

使用者面臨重複出現出現的問題Font Awesome 圖示無法在CSS內容中正確顯示的問題，顯示圖示的程式碼

說明：

在Font Awesome 5 中，CSS 整合過程發生了重大變化，需要仔細注意特定的代碼元素。

和CSS 整合方法。確保您使用的是 CSS 整合方法。使用連結元素將CSS 檔案匯入到您的head 標籤：

或者，您可以將其匯入CSS 檔案：

1. 更正字型系列：

   <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")

   登入後複製

2. 使用正確的內容值：

   對於圖標， content 屬性需要一個以f 而不是/f 為前綴的十六進位unicode 值。例如，對於上一個圖標，您應該使用：

以上是為什麼我的 Font Awesome 5 圖示在 CSS 中無法正確顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！