對偽元素上的Font Awesome 5 顯示問題進行故障排除
嘗試透過CSS 使用Font Awesome 5 更改跨度的圖示內容時,可能會遇到顯示方形佔位符而不是預期圖示的情況。儘管正確包含了 Font Awesome CDN 和 HTML 標記,但仍可能發生此問題。
CSS 實作不正確
提供的 CSS 程式碼採用以下樣式:
但是,此程式碼無法正確顯示圖示。為了解決這個問題,至關重要的是新增屬性 font-weight: 900; 到偽元素樣式。
修正的 CSS
透過新增此屬性,您可以為圖示提供必要的權重,使其能夠正確渲染。以下更新的程式碼應該可以解決該問題:
以上是為什麼我的 Font Awesome 5 圖示沒有顯示在偽元素中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!