5

私のウェブサイトのCSSファイルには次のものがあります。

body {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.125em;
line-height: 1.5em;
}

Mac の Safari では、サイトのフォントが希望どおりに表示されます。

http://i.imgur.com/mywDZ.png

ただし、IE および Chrome の Windows コンピューターでは、フォントは上記のようには見えません。以下を参照してください。

http://i.imgur.com/aL0vi.jpg

私の質問は、上記のスクリーンショット #1 のように、すべての OS のすべてのブラウザーで同じフォントを表示するにはどうすればよいですか?

よろしくお願いします。

4

3 に答える 3

5

これはフット スムージングの問題であり、ブラウザによって異なります。フォントを同じ方法で「読み取る」わけではありません。

プロセスを説明する記事は、Font Smoothing Explainedです。

これは、どこでも同じ結果を得るために試すことができる CSS ハックです。

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

詳細情報: 4.2 フォント スムージング: W3C の CSS 3 フォント モジュール仕様の 'font-smooth' プロパティ

于 2012-10-28T01:53:04.797 に答える
2

使用するフォントのバリエーションをテストして、フォントの選択を再検討することはできますが、これについてできることは何もありません。一部のフォントは、他のフォントよりも違いの影響を受けます。

プラットフォームが異なれば、またある程度ブラウザが異なれば、フォントのレンダリングも異なります。たとえば、「フォント レンダリングの詳細」を参照してください。

レンダリングは、システムやブラウザの設定にも依存する場合があります。Windows でスタイル シートを通常のテキストでテストすると、スクリーン ショットとは大きく異なります。

于 2012-10-28T06:47:33.260 に答える
0

Windowsは、フォントのスムージングが不十分なことで有名です。確実なクロスブラウザの代替手段の1つは、コンテンツ全体を.png画像に置き換えることです（.jpgはテキストでひどい傾向があるため）。当然、これは実行可能な代替手段ではないため、すべてのブラウザーがfont-smoothingプロパティをサポートするまで（上記のように）、現在の状況にとどまります。

于 2012-10-28T04:43:16.023 に答える