嘗試在CSS 內容中使用Font Awesome 時,使用者可能會遇到預期圖示未出現的問題,相反,顯示圖標的程式碼。儘管遵循了在線指南,問題仍然存在。
要修正此問題,請務必注意,只需要包含 Font Awesome 5 CSS 檔案:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
此外,字體-必須修正系列和內容屬性值。具體為:
這是一個例子:
@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中文網其他相關文章!