Internet Explorerと他のすべてのブラウザのフォントを定義する

Question

@font-faceでフォント定義を取得しようとしましたが、できません。

私は3つのフォントを使用しています。ここで私が書いたコードは次のとおりです。

@font-face { 
    font-family : Rokkit; 
    src : url("fonts/Rokkitt-Regular.ttf"); 
} 

@font-face { 
    font-family: "PT Sans"; 
    src: url("fonts/PT-Sans.ttf"); 
} 

@font-face { 
    font-family: Mako; 
    src: url("fonts/Mako.ttf"); 
} 

すべては他のブラウザでは正常に動作しますが、ないIEで。だから私は、すべてのフォントの定義に次の行を追加：

@font-face { 
    font-family : Rokkit; 
    src : url("fonts/Rokkitt-Regular.ttf"); 
    src : url("fonts/Rokkitt-Regular.eot"); 
} 

しかし、その後、それはまだIE上では動作しませんが、それは、Firefox、クロム、サファリ、上で作業を停止していないだけで...私は何をすべき？

ありがとうございます。

Answer 1

あなたはこのソリューションを試すことができ、私はいくつかのウェブサイト上で見ました： もhere

@font-face { 
    font-family: MyFont; src: url('myfont.ttf'); 
} 
@font-face{ 
    font-family: MyFont_IE; src: url('myfont.eot'); 
} 
.my_font{ 
    font-family: MyFont, MyFont_IE, Arial, Helvetica, sans-serif; 
} 

与えられたこれはまた、ACCがあなたを助けるかもしれません。フォントトレーディングブログ：

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
    }