カスタムフォントの埋め込みはクロスブラウザを使用しない

Question

私は "Gulim"というカスタムフォントをmangodownload.comのWebサイトに埋め込んでいます（ホームページで見ることができます。

残念ながら、このフォントは多くのブラウザで動作しません。すべてのブラウザのためのクロスブラウザのサポートを達成する上

@font-face { 
    font-family: "Gulim"; 
    src: url("/style/fonts/Gulim.ttf"); 
    src: local("Gulim"), url("/style/fonts/Gulim.ttf") format("truetype"); 
} 

任意のアイデア：ここ

はフォントのための私のCSSのですか？

お願い：フォントを変換しようとしましたが、FontSquirrelを試しました。私は同じメッセージを受け取り続けます。 'フォントサイズが大きすぎます'。私のgulim.ttfファイルは10MBです。

Answer 1

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

これはあなたが（他のWebサーバ）あなたのIISで次のMIMEタイプを追加する場合にのみ動作します：

.woff - application/x-font-woff 
.svg - application/x-font-woff 

Answer 2

さまざまなブラウザで必要なさまざまな形式でフォントを取得できる場合を除き、このクロスブラウザを実行する方法はありません。あなたが見ることができるように、あなたはeot、woff、ttfとsvg形式でフォントを必要とする

@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'); 
} 

次のようにCSS to useです。