2

編集1：どうやら、私はまだ画像を投稿するのに十分な評判がないので、それらを外部にリンクする必要がありました。

編集2：どうやら、URLをコピーして貼り付ける必要があるという不便をおかけして申し訳ありませんが、2つ以上のハイパーリンクを投稿するのに十分な評判がありません。

友人のためにサイト（http://vitkodance.com）を構築し、GoogleWeb@font-faceフォントの実装を使用しました。次に、一連のフォールバックを使用してフォントを呼び出しました。タイトルは台本っぽく、本体はセリフっぽい。携帯電話のChromeforAndroidにウェブサイトを読み込むと、携帯電話の向き（したがって使用可能な解像度）に応じて、フォントのレンダリングが異なります。

これがportrait（フォールバックフォント）のサイトです：Chrome for AndroidPortraitRendering。

そして、これがランドスケープのサイトです（意図されています）：ChromeforAndroidランドスケープレンダリング。

Nexus 7タブレットでは、フォントは両方の方向で意図したとおりに表示されます。これを修正する方法はありますか？これは、選択したフォントに基づいて予想される動作ですか、それともフォントサイズ（em単位）と行の高さの値を処理する必要がある問題ですか？

4

1 に答える 1

4

私は同じ問題を抱えており、同様の質問をしました。

現在、これはhttp://code.google.com/p/chromium/issues/detail?id=138257で追跡されているバグです。

Chrome for Android はフォールバック フォントを表示しますが、Dolphin ブラウザは少なくとも私のデバイスでは正しいフォントを表示します。したがって、これは Chromium のバグのようです。

一部の人々にとっては、次のように初期スケールを定義すると問題が解決します。

<meta name="viewport" content="initial-scale=1">

-webkit-text-size-adjust:100%また、CSS に追加すると、問題も解決する可能性があります。

決定的な答えがあればいいのですが、何もないようです。それがどうなるか教えてください。

編集された回答:

この問題に対する私の解決策は、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-01T22:09:22.103 に答える