7

CSSfont-familyと Chrome for Android を使用して発生している問題を再現しました。Web ブラウザーはフォントを正しく継承せず、代わりにフォールバック フォントを使用します。

http://jsbin.com/iyifah/1/edit

これは、Google ですでにチケットが発行されているバグのようです ( http://code.google.com/p/chromium/issues/detail?id=138257 )。

HTMLに追加<meta name="viewport" content="width=device-width, initial-scale=1" />すると問題が解決するはずですが、これは最初の要素の設定フォントの問題のみを解決します。

JS Bin リンクは、私が話していることを説明するのに役立ちます。Android 用の Chrome を持っている人は、リンクにアクセスして、私が話していることを確認してください。

ありがとう。

4

2 に答える 2

3

この問題に対する私の解決策は、Google Webfonts を完全に捨てて、代わりにフォントを Web サーバーにダウンロードし、次のように CSS を介して呼び出すことです。

@font-face {
    font-family: 'Droid Sans';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Google の Web フォントはオープン ソースであるため、フォントのダウンロードを見つけるのに問題はありません。

このソリューションは、Dolphin と Chrome for Android の両方で機能します。

于 2013-01-09T19:44:39.653 に答える
0

これも今日気付きました。私の Nexus 7 (Android 4.2.2) だけでなく、友人の MacBook Pro の Chrome for MacOS X でも同様です。私は通常 fontsquirrel.com 経由で必要なフォントを変換することを選択しているので、それほど問題ではありませんが、テストとプロトタイピングでは、フォントを Google から直接統合する方がはるかに便利です。

于 2013-06-14T10:51:12.830 に答える