Chrome谷歌瀏覽器OTS parsing error: invalid version tag
筆者今日在給後臺管理UI尋找新的庫和框架,看到了AceAdmin,既美觀又還能全面滿足自己的需求。於是下載下來部署看看效果。
筆者的web伺服器是自己開發的,使用C++,基於libevent-http。
瀏覽器支援Chrome(65.0.3325.146)和QQBrowser(9.7)兩款。
以上是開發執行環境介紹。
在AceAdmin網站http://ace.jeka.by/上看到的圖示啥的都顯示正常,
但是,一部署到筆者的web伺服器上之後,就顯示不正常,都變成方框 “口”了,如下
來兩個特寫:
用Chrome的F12工具檢視Console,看到了這樣的錯誤:
Failed to decode downloaded font
OTS parsing error: invalid version tag
Failed to decode downloaded font: http://127.0.0.1:8080/assets/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0
OTS parsing error: invalid version tag
Failed to decode downloaded font: http://127.0.0.1:8080/assets/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0
OTS parsing error: invalid version tag
筆者從網上搜索,圍繞著這個錯誤的相關主題基本如下面這些:
{
字型圖示,Maven,apache配置,mime設定,IIS配置,css中的url無法索引到woff檔案,firefox瀏覽器設定字型強制,font-awesome版本不對,等
}
筆者檢視的很多這個相關主題的帖子,問題都沒解決。包括修改libevent-http的mime型別。
在這裡補充一句,
(1)直接開啟官網的頁面看到的圖示是正確的。
(2)下載的demo部署到自己的web伺服器下顯示就不正確。
(3)但是,BUT!如果把下載的demo裡的html檔案直接用瀏覽器開啟,顯示竟然正確!
筆者也是感到無奈了。
真是一籌莫展了。抱著死馬當活馬醫心情,索性再嘗試一下修改css裡的url,就從下面
修改成如下這樣:
臥擦,竟然正常了:
真是好詭異!只想說一句:“活久見”。
筆者一直從事後端服務開發,基本沒怎麼接觸過前端,還不知道這樣修改為什麼就能顯示正常。