Windows では、なぜ OSX よりもフォントが小さくなり、見栄えが悪くなってしまうのか、ずっと疑問に思っていました。
スクリーンショット Mac VS Windows : http://screencast.com/t/UUxqLRhM
「px」の代わりに「em」をいくつかのルールで使用したためですか?
ありがとう。
Windows では、なぜ OSX よりもフォントが小さくなり、見栄えが悪くなってしまうのか、ずっと疑問に思っていました。
スクリーンショット Mac VS Windows : http://screencast.com/t/UUxqLRhM
「px」の代わりに「em」をいくつかのルールで使用したためですか?
ありがとう。
(これはコメントからのものですが、回答として投稿します。)
これはあなたの側では問題ではなく、原因はさまざまなフォント レンダリング エンジンにあります。Mac OS X はフォントを設計どおりにレンダリングしようとしますが、Windows は読みやすくするためにフォントを少し変更しようとします。問題は、特定のフォントとサイズでは、実際に見栄えが悪くなることです。(この記事は、このテーマについてよく読んでいます。)
フォントを大きくすると、おそらく Windows での見栄えが良くなります。太字のフォントの太さを削除すると、見た目もきれいになると思います. 別のフォントを試すこともできます。
全体としては、さまざまな設定を試してみて、何が良くて何が良くないかを確認するだけです。実際のレンダリングは制御できません。
ブラウザが異なれば、標準のフォント サイズも異なります。たぶん、他のフォントタイプと、OS のフォントを表示する別の方法です。100%同じ見た目は・・・ありえない
MAC と PC でフォントを処理する方法は異なりますが、ここではそうではありません。Web セーフではないフォント「MyHelveticaBold」を設定しましたが、Windows で使用されているフォントは明らかに Mac のものと同じではありません。Web セーフ フォントを使用したくない場合は、訪問時にユーザーに提供できるオープン ソースの Web フォントを使用する必要があります。
-webkit-font-smoothing など、フォントのレンダリング方法を調整できる CSS プロパティがいくつかあります。詳細はこちら: http://blog.typekit.com/2011/01/26/css-properties-that-affect-type-rendering/