4

@font-faceWebサイトでフォントを呼び出すために宣言を使用していますが、 IE、FF、Chrome、さらにはMobileSafariで表示されます。ただし、Android（4.1.2）用のChrome18.0.1025308ではフォントが表示されません。

私が使用している構文はfontspringの防弾構文であり、フォントが正しく表示されない原因を特定するのに実際の問題があります。

CSS：

@font-face {
    font-family: 'jump_startregular';
    src: url('wp-content/uploads/fonts/jstart-webfont.eot');
    src: url('wp-content/uploads/fonts/jstart-webfont.eot?#iefix') format('embedded-opentype'),
         url('wp-content/uploads/fonts/jstart-webfont.woff') format('woff'),
         url('wp-content/uploads/fonts/jstart-webfont.ttf') format('truetype'),
         url('wp-content/uploads/fonts/jstart-webfont.svg#jump_startregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

何かご意見は？

4

1 に答える 1

1

問題はあなたのfont-family宣言に関連している可能性があります（その部分を投稿していないためわかりません）。たとえば、次のような場合:

font-family: fghjkjh, 'jump_startregular', sans-serif;

...Chrome for Android は単に fghjkjh がインストールされているふりをして (実際にはデフォルトの Android フォントを使用します)、他のすべてを無視します。(これがバグなのか機能なのかは不明です。)

その場合、解決策は 'jump_startregular' を前に移動し、代わりにlocalソースを@font-faceブロックに追加することです。これにより、他の古いブラウザーで問題が発生する可能性があります。

于 2013-09-12T21:59:39.073 に答える