2014-02-18 10 views
0

我遇到了Firefox的問題,其中一個字體未從我的CDN加載。我已將Access-Control-Allow-Origin設置爲*。字體表面無法從CDN工作 - CORS已設置

有問題的字體只有WOFF和EOT文件(由於授權),而其他工作的字體有WOFF,EOT,TTF和SVG文件。

據我瞭解WOFF支持,https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

有我丟失的東西來得到這個工作?

@font-face { 
    font-family: 'ProximaNovaReg'; 
    src: url('../fonts/ProximaNova-RegWeb.eot'); 
    src: url('../fonts/ProximaNova-RegWeb.eot#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-RegWeb.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'ProximaNovaSbold'; 
    src: url('../fonts/ProximaNova-SboldWeb.eot'); 
    src: url('../fonts/ProximaNova-SboldWeb.eot#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-SboldWeb.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 
+0

你能分享你的CSS(只有font-face規則)嗎?你使用'file:///'作爲URL測試嗎? –

+0

我已經更新了這個問題。不知道你的意思是使用file:///。這些字體都不是在本地安裝的。 – kel

回答

0

我解決了這個通過刪除#iefix,但它看起來像它應該已經?#iefix。我在這裏找到更多信息:CSS Font Face "?#iefix"