WindowsでGeorgiaフォントが正しく表示されない

ウェブサイト上のボディコピーにジョージア州を使用して、私たちはテキストがMacとWindowsの間でどのようにレンダリングされるかに大きな違いがあることに気付きました。

ブラウザーでレンダリングされたテキスト(Chrome、Safari、Firefoxでテスト済み)は、インストールされているフォントと大きく異なるため、小さなフォントサイズを使用するとWindowsで問題が発生するようです。

36pxで、ブラウザで表示されるテキスト(上)は、PhotoShopに直接入力されたテキストと一致します(下)。

Georgia at 36px

12pxでは、ブラウザによってレンダリングされるテキストは非常に異なっています(文字は長く見えます):

Georgia at 12px

なぜこれが事実であるのか誰も説明できますか?ブラウザ/プラットフォーム間で型の一貫したレンダリングを確保する必要があります。

更新

システムフォントを直接(@ font-faceを使用して)インポートすると、型が正しくレンダリングされます。

0
まあ、Photoshopもほとんどのブラウザもシステムフォントレンダラーを使用していません。
追加された 著者 BoltClock,

2 答え

If you want to ensure consistent rendering use an image, there is simply no consistent font rendering across systems. The font renderer for Windows is is very different from the font rendering in Mac OSX. Here is an elaborate article on the topic: Link

0
追加された
私は投票をすることができませんが、 "イメージを使う"はこの答えの一部です。
追加された 著者 Andrew Barber,
Benは彼の質問で、\ @ font-face経由で顔が正しく表示されることを指摘しました。テキスト用の画像を使用すると、ピクセル完全なフォントよりも重要なユーザビリティとSEOの影響があります。
追加された 著者 Andrew Barber,
あなたがそう言えば、私を励まして、システム間で一貫したフォントレンダリングのための別の方法を教えてください。私は個人的にこのトピックを気にしません。だから、フォントはMacではWindowsマシンとは違って見える。この小さな違いについて私が不思議に思ってしまうと、私は仕事をやめました。
追加された 著者 Florian Rachor,
アンドリュー、私は全く同意します。ピクセル完璧なレンダリングについてはあまり気にしませんでした。私は、フォントレンダリングの違いが高すぎるため、私の意見では、イメージなしでは不可能であると主張しました。
追加された 著者 Florian Rachor,

"(@ font-faceを使用して)システムフォントを直接インポートすると、型が正しくレンダリングされます。

単にシステムフォントを直接インポートしないでください。

一方、私はフロリアンにいる。その違いは私が本当に心配しないほど十分に小さいです。

0
追加された
私は同意しない、WindowsとMACの違いは非常に目立つ。私はフォントを直接インポートしていますが、なぜこれが起こっているのかを理解したいと思います。
追加された 著者 Ben Foster,
私はこの記事を見つけましたが、これまでよりももう少し役に立つかもしれません: rfwilmut。 clara.net/about/fonts.html
追加された 著者 illbzo1,