css - Googleフォントのサイズが異なり、ギザギザ

Question

GoogleFontsに非常に驚くべき問題が1つあります。これは問題のサイトです。

タイトルは通常1つのラインで表示されますが、私のような同じOperaバージョンを持つ私の友人がこのスクリーンショットを送ってくれました。タイトルが2行になっていて、すべての考えにブレーキがかかっていることがわかります。

私がGfontsを使用するのは初めてであり、Firefoxにも別の問題があることを認めなければなりません。フォントがギザギザに見えます。

アドバイスありがとうございます！

score 0 · Accepted Answer

残念ながら、すべてのブラウザがすべてのフォントをまったく同じ方法でレンダリングするわけではありません。Operaのタイトルに関する問題は、フォントが大きくレンダリングされていることが原因だと思います。それを解決するために、Operaの特定のスタイルシートをターゲットにすることができます。

ギザギザのフォントについては、そうですね...それに対処し、すべてのブラウザで鮮明に見えるフォントを選択する必要があります。

score 0 · Accepted Answer

追加するだけで改行を防ぐことができます

h1 { white-space: nowrap; }

フォントのレンダリングは、フォント、フォントサイズ、ブラウザ、オペレーティングシステム、デバイス、それらの設定、そしておそらく月の満ち欠けにも依存します。一部のフォントは他のフォントよりも難しいため、実際の方法は別のフォントを選択することです。

score 0 · Accepted Answer

ギザギザの問題は、このJoomlaのおかげで解決されました！拡張-KCCufónフォントの置換。Aには、テキストの文字だけが含まれています。3KBのjsだけで、拡張機能が読み込まれるまでテキストが表示されるように、同じGoogleWebフォントの読み込みも残しました。

3 に答える 3