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

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
捍衛三元聲明捍衛三元聲明Apr 22, 2025 am 11:25 AM

幾個月前,我正在使用黑客新聞(就像一個人一樣),並且遇到了一篇(現已刪除的)文章,內容涉及不使用if語句。如果您是這個想法的新手(就像我

使用網絡語音API進行多語言翻譯使用網絡語音API進行多語言翻譯Apr 22, 2025 am 11:23 AM

自科幻小說以來,我們就幻想著與我們交談的機器。今天這很普遍。即便如此,製造的技術

JetPack Gutenberg塊JetPack Gutenberg塊Apr 22, 2025 am 11:20 AM

我記得當古騰堡被釋放到核心時,因為那天我在WordCamp我們。現在已經過去了幾個月,所以我想我們越來越多的人

在VUE中創建可重複使用的分頁組件在VUE中創建可重複使用的分頁組件Apr 22, 2025 am 11:17 AM

大多數Web應用程序背後的想法是從數據庫中獲取數據,並以最佳方式將其呈現給用戶。當我們處理數據時

使用'盒子陰影”和剪輯路徑一起使用'盒子陰影”和剪輯路徑一起Apr 22, 2025 am 11:13 AM

讓我們在一個情況下做一些似乎有意義的事情的情況下逐步進行一些逐步,但是您仍然可以用CSS欺騙來完成它。在這個

關於MailTo:鏈接關於MailTo:鏈接Apr 22, 2025 am 11:04 AM

您可以製作花園品種錨點()打開一封新電子郵件。讓我們在此功能上進行一些旅程。它非常易於使用,但是

它非常酷它非常酷Apr 22, 2025 am 11:03 AM

這裡的小供認:當我第一次看到Netlify CMS一目了然時,我想:很酷,也許我有一天會在我探索一個新項目的CMS時嘗試一下。然後

用珀西測試視覺回歸用珀西測試視覺回歸Apr 22, 2025 am 11:02 AM

這是測試的艱鉅任務

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

SublimeText3 英文版

SublimeText3 英文版

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

mPDF

mPDF

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

SublimeText3 Mac版

SublimeText3 Mac版

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

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

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

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器