2
我正在爲我的項目開發一個網站。我使用Bootstrap和Font Awesome來處理圖形，但是我面臨一個問題。當我使用Font Awesome圖標時，某些圖標不會顯示在瀏覽器中，但會顯示一些圖標。例如。 "fa fa-user"沒有顯示。它像一個小盒子一樣出現。但是有些圖標顯示，我在網頁中鏈接了font-awesome-min.css。Font Awesome沒有出現在瀏覽器
請參考下面的圖片：
A
回答
1
我經歷過最通常的情況是*.woff2文件被封鎖的服務器的問題。我懷疑這也是這種情況。看看你是否可以在瀏覽器中打開<font-awesome>/fonts/fontawesome-webfont.woff2文件。如果不是，則需要更改Web服務器的配置。
編輯：我發現了一個相關的帖子，請看這裏：Proper MIME type for .woff2 fonts，第二個答案顯示瞭如何配置IIS的例子。
+0
我很抱歉打電話給這個，但是我真的沒有理解* .woff2的東西。你可以請詳細說明嗎？ – pratheek
+0
您是否完成了第一步？你包括了CSS，對嗎？因此，使用這個URL，而不是'.../css/font-awesome.min.css'，而不是'.../fonts/fontawesome-webfont.woff2'，你能在瀏覽器中打開/下載這個文件嗎？你是否收到錯誤信息（只需將地址粘貼到地址欄中並按回車鍵）？如果出現錯誤，那麼這是正確的答案，否則問題就在其他地方。 – maraca
+0
這是服務器配置中的一些設置，如extensions> woff2>「serve as file」...或者您需要編輯一些配置文件...取決於您的環境。 – maraca
相關問題
- 1. 現代瀏覽器使用font-awesome需要哪個文件？
- 2. Font Awesome沒有出現在Internet Explorer 8中
- 3. 輸入和textarea的邊框沒有出現在Safari瀏覽器
- 4. 「font-awesome」和「font-awesome-rails」有什麼區別？
- 5. Font Awesome into WinForms
- 6. Font-awesome Less CSS
- 7. Bootstrap 4 Font Awesome
- 8. Font-Awesome ExtJS ActionColumn
- 9. Android App Font Awesome
- 10. Font Awesome not loading
- 11. Font Awesome display有問題嗎？
- 12. Froala WYSIWYG編輯器沒有出現在瀏覽器
- 13. Chrome瀏覽器沒有讀取我所有的@ font-faces
- 14. Font Awesome not filling menu
- 15. Font awesome - undefined變量
- 16. Bootstrap Font Awesome和IE8
- 17. ActionBar setIcon with Font-Awesome
- 18. Font Awesome extras.less變量
- 19. Font Awesome在子目錄
- 20. 在ui.bootstrap.rating中使用Font Awesome
- 21. Qtip2爲文本菜單沒有出現在谷歌瀏覽器
- 22. CSS線性漸變沒有出現在Chrome，Safari瀏覽器
- 23. Rails 5：JavaScript運行但沒有出現在瀏覽器
- 24. WebGL Inspector擴展沒有出現在Chrome瀏覽器中：// urls？
- 25. Adsense沒有出現在新的瀏覽器標籤
- 26. 圖像沒有出現在瀏覽器中
- 27. 拉網沒有出現在瀏覽器窗口中
- 28. 谷歌MyMaps沒有出現在Safari瀏覽器iPad
- 29. 圖像沒有出現在瀏覽器中
- 30. 沒有出現在網絡瀏覽器中的WordPress內容
右鍵單擊 - >檢查元素 - >轉到「::之前」 - >看到「內容」規則然後說我寫了什麼。 – paolobasso