2013-03-13 113 views
9

網站上的所有內容都看起來不錯,但這兩個錯誤都顯示在控制檯中。如果我點擊字體下載。一直試圖追蹤下來了一段時間,但我在控制檯收到兩個錯誤:Font Awesome無法加載資源/font/fontawesome-webfont.woff?v=3.0.1

無法加載資源的資源:/font/fontawesome-webfont.woff V = 3.0.1
失敗加載資源:/font/fontawesome-webfont.ttf?v = 3.0.1

我該如何擺脫這個錯誤?

enter image description here enter image description here

+0

你能添加包含字體url的css代碼片段嗎? – codelark 2013-03-14 20:23:33

+0

我認爲你的瀏覽器顯示的內容類型警告是錯誤的,而不是警告。我把一個快速測試應用程序放在一起,所有工作都正常,但沒有'ResourceMappers'來設置內容類型,我得到了字體的警告。通過映射器,我沒有任何錯誤。 – codelark 2013-03-14 20:27:47

+0

我最初有一個內容類型警告'資源解釋爲字體,但與MIME類型application/octet-stream''傳輸以及2個錯誤,但我修復了警告,錯誤依然存在。 – Nix 2013-03-14 20:33:50

回答

1

resource:前綴是在Grails的資源插件的CSS改寫過程中的中間步驟。您似乎在跳過特定資源處理器或css重寫器中的錯誤。

我做了一個示例應用程序(grails 2.1.1,font-awesome 3.0.2,grails-resources 1.1.6),它在初始加載時沒有顯示錯誤。在應用程序運行後修改font-awesome.css之後,重寫器會拋出錯誤並將破碎的URL保留在原位。

如果我使用?_debugResources=true執行相同的請求,則錯誤再次消失。

在我的示例中,在部署之後單獨保留font-awesome文件或使用font-awesome-resources plugin可防止錯誤出現。

1

我有同樣的問題。

嘗試using-

src:url(asset-path('fontawesome-webfont.eot?v=3.2.1', font)); 

,而不是直接的靜態路徑。

它幫我清理那些特定的錯誤。

+0

這工作,謝謝 – Sakthivel 2014-09-10 12:18:15

4

我最近遇到並解決了這個問題。解決的辦法是添加'font'目錄,以及任何其他需要處理資源的目錄到你的adhoc包中,所以它最終在config.groovy中看起來像這樣(如果你有其他資源的話需要添加目錄)。

grails.resources.adhoc.includes = ['/images/**', '/css/**', '/js/**', '/font/**'] 

這裏更多的細節: URLs within CSS files broken with Grails resources plugin 1.2.7

+0

你救了我!非常感謝你 – 2014-04-25 23:10:19

0

這是訴問題= 3.0.1改變你的文件名和refrence呢?。它會正常工作。只使用fontawesome-webfont.woff & fontawesome-webfont.ttf文件名