2013-04-02 40 views
0

我正在使用從FontSquirrel生成的一些字體,但似乎沒有IE無法處理這些字體..我在做什麼錯了?這不是一個公共的網頁..它是建立在本地平臺上工作,直到我準備啓動,這就是爲什麼域名結束於.localCss字體在IE中無法正常工作

@font-face { 
    font-family: 'proxima_light'; 
    src: url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.eot'); 
    src: local('proxima_light'), url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.woff') format('woff'), 
     url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.ttf') format('truetype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg'); 
    font-style: normal; 
} 

@font-face { 
    font-family: 'proxima'; 
    src: url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.eot'); 
    src: local('proxima'), url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.woff') format('woff'), 
     url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.ttf') format('truetype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'proxima'; 
    src: url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.eot'); 
    src: local('proxima'), url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.woff') format('woff'), 
     url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.ttf') format('truetype'), 
     url('http://www.anotherdomain.local/fonts/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg'); 
    font-weight: bolder; 
    font-style: normal; 
} 

就像我說的..它僅僅是不處理的字體面IE ..其他瀏覽器是否良好..

+0

最後兩個'字體face'具有相同的名稱( ''font-family:proxima'')。 – Vucko

+1

就像盲目猜測沒有進一步檢查你的代碼 - 是否有關於資源的任何日誌輸出?在瀏覽本地網站時,IE瀏覽器對於同樣的來源很有限制。 –

+0

@MichaelRose @MichaelRose我可以想像..也是爲什麼我指出'.local'的原因..但仍然..我不知道如何解決它.. – Dimser

回答

0

我不知道這是否會幫助,但IE與FF有一些類似的跨域問題。在這種情況下,可能是因爲您的絕對URL正在讓IE認爲您的字體是從其他域中提供的。你有沒有嘗試過使用相對路徑?

0

開發控制檯是否會返回錯誤的字體文件,也請您提供字體文件的響應標題。
我在IE 9遇到問題時,沒有使用的字體文件的情況下,如果性反應的標題包含緩存控制:無緩存