首頁 >web前端 >css教學 >為什麼我的 Font Awesome 5 圖示沒有顯示在偽元素中?

為什麼我的 Font Awesome 5 圖示沒有顯示在偽元素中?

DDD
DDD原創
2024-12-28 21:00:26922瀏覽

Why Aren't My Font Awesome 5 Icons Showing in Pseudo-Elements?

對偽元素上的Font Awesome 5 顯示問題進行故障排除

嘗試透過CSS 使用Font Awesome 5 更改跨度的圖示內容時,可能會遇到顯示方形佔位符而不是預期圖示的情況。儘管正確包含了 Font Awesome CDN 和 HTML 標記,但仍可能發生此問題。

CSS 實作不正確

提供的 CSS 程式碼採用以下樣式:

但是,此程式碼無法正確顯示圖示。為了解決這個問題,至關重要的是新增屬性 font-weight: 900; 到偽元素樣式。

修正的 CSS

透過新增此屬性,您可以為圖示提供必要的權重,使其能夠正確渲染。以下更新的程式碼應該可以解決該問題:

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn