Font Awesome沒有出現在瀏覽器

我正在爲我的項目開發一個網站。我使用Bootstrap和Font Awesome來處理圖形，但是我面臨一個問題。當我使用Font Awesome圖標時，某些圖標不會顯示在瀏覽器中，但會顯示一些圖標。例如。 "fa fa-user"沒有顯示。它像一個小盒子一樣出現。但是有些圖標顯示，我在網頁中鏈接了font-awesome-min.css。Font Awesome沒有出現在瀏覽器

請參考下面的圖片：

check out the signup fa icon

來源

2016-04-23 pratheek

右鍵單擊 - >檢查元素 - >轉到「::之前」 - >看到「內容」規則然後說我寫了什麼。 – paolobasso

我經歷過最通常的情況是*.woff2文件被封鎖的服務器的問題。我懷疑這也是這種情況。看看你是否可以在瀏覽器中打開<font-awesome>/fonts/fontawesome-webfont.woff2文件。如果不是，則需要更改Web服務器的配置。

編輯：我發現了一個相關的帖子，請看這裏：Proper MIME type for .woff2 fonts，第二個答案顯示瞭如何配置IIS的例子。

來源

2016-04-23 14:50:39 maraca

我很抱歉打電話給這個，但是我真的沒有理解* .woff2的東西。你可以請詳細說明嗎？ – pratheek

您是否完成了第一步？你包括了CSS，對嗎？因此，使用這個URL，而不是'.../css/font-awesome.min.css'，而不是'.../fonts/fontawesome-webfont.woff2'，你能在瀏覽器中打開/下載這個文件嗎？你是否收到錯誤信息（只需將地址粘貼到地址欄中並按回車鍵）？如果出現錯誤，那麼這是正確的答案，否則問題就在其他地方。 – maraca

這是服務器配置中的一些設置，如extensions> woff2>「serve as file」...或者您需要編輯一些配置文件...取決於您的環境。 – maraca

Font Awesome沒有出現在瀏覽器

回答

相關問題