為什麼我的 Font Awesome 5 圖示不顯示？

為什麼 Font Awesome 5 CSS 內容不顯示？

當嘗試使用 Font Awesome CSS 內容時，使用者可能會遇到以下問題：出現圖示程式碼而不是所需的圖示。這可以透過解決 font-family 和 content 屬性來解決。

字體系列修正

在提供的程式碼片段中，font-family 屬性不正確設定為「FontAwesome」。 Font Awesome 5 Free 的正確字體系列是：

font-family: "Font Awesome 5 Free";

內容修正

內容屬性缺少前導反斜線 ''。而不是/f35a，它應該是：

content: '\f35a';

這是應用了更正的更新代碼：

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

通過進行這些更正，Font Awesome 圖標現在應該正確顯示.

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