為什麼我的 Font Awesome 5 圖示沒有顯示在 CSS 內容中？-css教學-PHP中文網

為什麼我的 Font Awesome 5 圖示沒有顯示在 CSS 內容中？

Patricia Arquette

發布： 2024-12-23 05:35:22

原創

272 人瀏覽過

Why Aren't My Font Awesome 5 Icons Showing in CSS Content?

修復Font Awesome 5 CSS 內容顯示

嘗試在CSS 內容中使用Font Awesome 時，使用者可能會遇到預期圖示未出現的問題，相反，顯示圖標的程式碼。儘管遵循了在線指南，問題仍然存在。

要修正此問題，請務必注意，只需要包含 Font Awesome 5 CSS 檔案：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

登入後複製

此外，字體-必須修正系列和內容屬性值。具體為：

font-family:將「FontAwesome」替換為「Font Awesome 5 Free」。
內容：使用 'f35a ' 而不是'/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-size:40px;
}

登入後複製

<i class="fp-prev"></i>

登入後複製

透過這些調整，Font Awesome 符號將在 CSS 內容中正確顯示。

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