1

Web サイトで 2 つの Google Web Fonts を使用しています。Roboto Slab と Fauna One です。最新の Mozilla Firefox と IE10 では見栄えがしますが、何らかの理由で Google Chrome では見栄えが悪くなります。

それらは次のように私のウェブサイトにリンクされています。

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>

Google Chrome の Web フォントに問題があり、レンダリングがうまくいかないことに気付くまでにしばらく時間がかかりました。これに対する解決策があるかどうか疑問に思っていますか？

これら 2 つのフォント タイプをダウンロードして、Web サイトのメイン ディレクトリに埋め込み、@font-face プロパティを介して CSS で呼び出すとどうなりますか? その場合、Google Chrome はこれらのフォントを適切にレンダリングしますか?それとも、同じ問題が発生し、フォントのレンダリングが不十分になるのでしょうか?

または、この問題に対する他の解決策はありますか?

皆さん、ありがとうございました！

4

2 に答える 2

1

これは修正されると言及されている Chrome のバグ レポートを見たと思いますが、100% 確実ではありません。それは実際には100％Chromeのせいではないと思います...

私の理解では、問題は@font-face ディレクティブでフォントの種類が表示される順序に関係しているということです。そのため、Chrome は複数のタイプを処理しますが、すべてのタイプが同じ品質でレンダリングされるわけではありません。どうやら、Google は実際には fonts.google.com から正しい順序でフォントを提供していません - どういうわけか...

最終的にRoboto、少なくとも (私もプロジェクトで使用しています)、Font Squirrel で使用できる (そして Apache 2.0 ライセンスの下でオープンソース化されている) ことがわかりました。ここからダウンロードできます: http: //www.fontsquirrel.com/fonts/roboto (Webfont Kit をダウンロードして、クロスブラウザー フォントを完全にサポートします) - 自分の Web サーバーから使用すると、Google のサーバーでホストされているという CDN の利点が失われますが、私見では、そのようなひどくレンダリングされたテキストに対処するよりも、数ミリ秒を失いたいと思います...

残念ながら、 についてはお手伝いできませFauna Oneん。Font Squirrel にはリストされていないようです。別のフォント サイトで見つけることができますか? または、font squirrel で利用できる別の同様のフォントはありますか?

于 2014-02-23T22:54:10.127 に答える
0

Web ブラウザーの観点から (問題のブラウザーは Chrome です)、Windows の Chrome 35 では、Roboto などの一部のフォントをレンダリングするのが難しく、フォントを読みにくくする恐ろしいアーティファクトが発生しません。

この問題を修正する、Chrome の将来のバージョンにデフォルトで含まれる DirectWrite という機能があります。chrome://flagsブラウザの URL バーに移動して、Chrome 35 で有効にすることができます。(Chrome 35 では実験的Enable DirectWrite) ブラウザを閉じて、開いてからやり直してください。

明確にするために、Chrome 35 for Windows でこの問題を発見しました。DirectWrite は、Windows でフォントをレンダリングするための DirectX API です。Chrome はデフォルトで Windows Graphics Device Interface (GDI) を使用しますが、これが問題のようです。

この記事を見る

于 2014-07-02T22:48:31.387 に答える