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

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載
最受歡迎的的開源編輯器