字體不工作在IE

Question

代碼：

@font-face { 
    font-family: 'GothamRnd-Medium'; 
    src: url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.eot'); 
    src: url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.eot?#iefix') format('embedded-opentype'), 
     url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.woff') format('woff'), 
     url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.ttf') format('truetype'), 
     url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.svg#GothamRnd-Medium') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    } 

    @font-face { 
    font-family: 'ArcherBoldItalic'; 
    src: url('about/fonts/Archer-BoldItal/archer-boldital.eot'); 
    src: url('about/fonts/Archer-BoldItal/archer-boldital.eot?#iefix') format('embedded-opentype'), 
     url('about/fonts/Archer-BoldItal/archer-boldital.woff') format('woff'), 
     url('about/fonts/Archer-BoldItal/archer-boldital.ttf') format('truetype'), 
     url('about/fonts/Archer-BoldItal/archer-boldital.svg#ArcherBoldItalic') format('svg'); 
    font-weight: normal; 
    font-style: normal;  
    } 


    @font-face { 
    font-family: 'proxima_novalight'; 
    src: url('about/fonts/ProximaNova-Light/proximanova-light-webfont.eot'); 
    src: url('about/fonts/ProximaNova-Light/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('about/fonts/ProximaNova-Light/proximanova-light-webfont.woff') format('woff'), 
     url('about/fonts/ProximaNova-Light/proximanova-light-webfont.ttf') format('truetype'), 
     url('about/fonts/ProximaNova-Light/proximanova-light-webfont.svg#proxima_novalight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

我已經嵌入三種字體。三種字體中的'proxima_novalight'字體在IE8中完美工作，但其他兩種字體無法正常工作。我檢查了所有的代碼，但我沒有找到解決方案。它在其他瀏覽器中工作正常。任何想法的傢伙？

Answer 1

如果IE8引發CSS3111：@ font-face遇到未知錯誤，那麼您的 可能具有不匹配的字體系列名稱問題。

要解決這個問題，您需要編輯您的字體文件，爲人類的Fontname，姓氏和名稱定義相同的 名稱，然後導出您的 TTF。這可以使用FontForge應用程序完成。之後，你再次將其轉換爲網絡（EOT，WOFF）。

@font-face { 
    font-family: 'portagoitc-tt'; 
    src: url('fonts/portagoitc-tt.eot'); 
    src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'), 
     url('fonts/portagoitc-tt.woff') format('woff'), 
     url('fonts/portagoitc-tt.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

請檢查是否有進一步的細節

Font Face not working in IE8 as expected