字體真棒圖標沒有顯示

我想在我的導航中使用一些字體真棒圖標。只是每個列表項旁邊的一些簡單的向下箭頭。如果我熱連接到Font Awesome CDN，它工作正常，每當我嘗試在本地複製這些文件並將它們上傳到我的服務器時，我只會看到方框。我很確定我所有的路徑是正確的，只是無法弄清楚我要去哪裏錯了。字體真棒圖標沒有顯示

http://builderpreviews22.com/

任何幫助表示讚賞。

來源

2014-01-15 user3199336

一個網絡錯誤500在您的網站：

"NetworkError: 500 Internal Server Error - http://builderpreviews22.com/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3"

這種情況發生在瀏覽器試圖加載不存在的內容，在這種情況下，fontawesome-webfont.ttf。

你在你的CSS得到fontawesome-webfont.ttf?=4.0.3文件屬性：

url('../fonts/fontawesome-webfont.woff?v=4.0.3')

檢查，如果你有你的font-awesome文件夾中該文件。

來源

2014-01-15 18:09:56 fiskolin

我已檢查並重新檢查。一切都在那裏。我想這可能是我的服務器的某種問題。謝謝您的幫助！ – user3199336

Nop dude，真的是你的錯，導致文件應該在'ROOT/common/fonts /'...你在那裏檢查過嗎？ – fiskolin

這在我部署到生產環境中時也發生在我的MVC項目中。

src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');

將其更改爲

src: url('../../Content/fonts/fontawesome-webfont.eot?v=4.0.3');

來源

2014-04-22 05:40:20

在你的web.config中註冊的MIME類型是不夠的。實際上解決方案是愚蠢的：在web.config註冊了MIME類型後，應用程序將尋找.woff和。或文件擴展名。在你的情況下，文件擴展名實際上是.eot？v = 4.0.3。只需將文件重命名爲.eot和.woff並換購包括其他css文件通過刪除版本，它會像魅力：d :)

來源

2014-05-07 12:02:26

如果您使用的青菜或SCSS，使確保字體庫的路徑與編譯後的css文件相關，而不是_variables.scss文件。

來源

2014-08-14 18:21:31 MrGrigri

如果所有路徑都正確，請確保您的靜態文件服務器已啓用CORS並設置Access-Control-Allow-Origin標頭。希望幫助別人！

來源

2014-10-19 23:35:03 arctelix

字體真棒圖標沒有顯示

回答

相關問題