0

カスタム フォントの「Gulim」を mangodownload.com の Web サイトに埋め込んでいます (ホームページで見ることができますが、Arial が表示されている場合は、ブラウザーでは動作しません)。

残念ながら、このフォントは多くのブラウザーでは機能しません。

フォントのCSSは次のとおりです。

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

すべてのブラウザーのクロスブラウザー サポートを実現するためのアイデアはありますか?

注:フォントの変換を試み、FontSquirrel を試しました。同じメッセージを受け取り続けます。「フォントサイズが大きすぎます」。私のgulim.ttfファイルは10MBです。

4

2 に答える 2

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

これは、IIS（他のWebサーバー）に次のMIMEタイプを追加した場合にのみ機能します。

.woff - application/x-font-woff
.svg - application/x-font-woff
于 2012-04-21T15:47:49.160 に答える
0

さまざまなブラウザーで必要とされるさまざまな形式のフォントを取得できない限り、このクロスブラウザーを実行する方法はありません。使用する CSSは次のとおりです。

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

ご覧のとおり、、、、および形式のフォントeotが必要ですwoff。ttfsvg

于 2012-04-21T15:43:26.913 に答える