予想通りIE8でフォントフェイスが動作しない

Question

私のウェブサイトでカスタムフォントを取得するために、次のコードを使用しました。次のコードを使用してください！

@font-face{ 
    font-family:portagolTC; 
    src: url(../font/PortagoITC_TT.woff?) format('woff'); 
    src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype'); 
} 

これは、クロム、FF、IE10、IE9ではなく、IE8で動作します！私はここで間違って何をしていますか？私が間違っていると私を修正してください。

注：私はグーグルで、いくつかのstackoverflow答えを見つけましたが、何も私の問題を解決するようです。

CSS3111: @font-face encountered unknown error. 
PortagoITC_TT.woff 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 

Answer 1

IE8はCSS3111: @font-face encountered unknown errorをスローした場合、あなたはおそらく非マッチングフォントファミリ名に問題を抱えています。

これを解決するには、フォントファイルを編集し、Fontname、Family name、およびHumanの名前を同じ名前で定義し、TTFをエクスポートする必要があります。これはFontForgeアプリケーションを使用して行うことができます。その後、再びWeb用に変換する（EOT、WOFF）。

さらに詳しい情報：http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

更新

TTFフォントの独自のバージョンをダウンロードして、それが働いメイドとウェブのためにそれを変換します。私が使用したCSS：私の会社は、フォント、すべての形式（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; 
} 

Answer 2

が、私はそれがIE8とIE10で動作するようになったdidntの。私はhttp://www.fontsquirrel.com/tools/webfont-generatorにttf形式をアップロードし、 'webfont'を得ましたか？バージョンと今それは動作します！

IEの早い段階でコンソールを見ていたら、永久問題があると言われています。

Answer 3

私はIE8に問題があり、コンソールエラーメッセージがありませんでした。後

@font-face { 
    font-family: "Hero"; 
    src: local("Hero"), 
     url("../fonts/Hero.eot?"), 
     url("../fonts/Hero.woff") format("woff"), 
     url("../fonts/Hero.ttf") format("truetype"), 
     url("../fonts/Hero.svg#Hero") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

：：前

：どのような私の問題を解決するには、少し私の@font-faceコードを変更することでした

@font-face { 
    font-family: "Hero"; 
    src: url("../fonts/Hero.eot"); /* this line made the difference */ 
    src: local("Hero"), 
     url("../fonts/Hero.eot?"), 
     url("../fonts/Hero.woff") format("woff"), 
     url("../fonts/Hero.ttf") format("truetype"), 
     url("../fonts/Hero.svg#Hero") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
}