2017-01-10 7 views
0

私のウェブサイトにTrebutchet MS ttfフォントがあります。IEフォントが表示されない

インポートファイルには、次のようになります。

@font-face { 
    font-family: "Trebuchet-MS"; 
    src: url('../fonts/Trebuchet-MS-Regular.ttf'); 
    font-weight: 500; 
} 

@font-face { 
    font-family: "Trebuchet-MS"; 
    src: url('../fonts/Trebuchet-MS-Bold.ttf'); 
    font-weight: 700; 
} 

それがGoogle ChromeとMozillaの上で完璧な作業しますが、IEに取り組んでいません。

私の問題にはどんなsugesstion?

+0

IEのバージョンを固定しましたか? IE9以降を含む現代のブラウザはすべて、普遍的なシステムフォントであり、拒否保証された裸の 'ttf'や' otf'を使用するのとは異なり、opentypeフォントを包む "woff"をサポートしています非常に具体的なopentypeメタデータ設定を除いてIEのすべてのバージョンで。 **しかし:**あなたがウェブフォントライセンスのために$ 100 +を支払っていない限り、Trubechetは無料で配布することはできません。 (あなたのコンピュータに付属しているだけで、自由に再配布することはできません) –

+0

ttfは圧縮されていない形式であり、ウェブサイトには適していません。代わりにwoffまたはeotを使用してください。 – kontur

答えて

1
@font-face { 
    font-family: "GothamBook"; 
    src: url("../fonts/Gotham-Book.eot"); 
    src: url(".../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/Gotham-Book.woff") format("woff"), 
    url("../fonts/Gotham-Book.ttf") format("truetype"), 
    url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg"); 
} 

このコードは問題

+0

このコードは2012年のコードで、2016年には気が狂っています=)現代のブラウザはすべて「woff」をサポートしています。他にもformateは必要ありません: 'eot'はMSによってサポートされていません。 **存在しています**ほとんどのブラウザはサポートを取り除いたフォント仕様であり、 'ttf' /' otf'は普遍的なシステムフォントであり、 'woff'よりも厳密な構文解析を行う必要があります。 –

関連する問題