CSS字形不能與MaxCDN或緩存服務一起使用

Question

我正在使用菜單項旁邊模板中包含的CSS字形。使用這些名稱時，名稱旁邊會出現一個小圖標，如果它包含多個項目，則會在其旁邊顯示一個箭頭。但是，無論何時我安裝緩存插件或MaxCDN（我只是通過打開MaxCDN進行測試），他們都會退出Firefox和IE 9-11（我認爲在非基於webkit的瀏覽器中）的工作方式。奇怪的是，他們使用這些插件沒有激活。

火狐 前：

.icon-envelope:before { 
content: ""; 
} 

後：

.icon-envelope:before { 
content: ""; 
} 

鉻 前：

.icon-envelope:before { 
content: "\f0e0"; 
} 

後：

.icon-envelope:before { 
content: "\f003"; 
} 

這些比較了MaxCDN應用前後瀏覽器在開發人員檢查工具中顯示的內容。這些字形是通過Font-Awesome，但joomla模板不直接使用bootstrap.css（所以我不認爲使用bootstrapCDN會有幫助）。

Answer 1

這很可能是由於CORS。 MaxCDN對如何添加文章訪問控制允許來源頭HTTPD，Nginx的& IIS這裏：http://support.maxcdn.com/howto/use-cdn-with-webfonts/

火狐塊網絡字體從渲染如果下面的HTTP標頭丟失：

Access-Control-Allow-Origin "*" 

希望有所幫助。