OSX と Windows には、フォントをレンダリングするための 2 つの非常に異なるアルゴリズムがあることを読みました。そのため、Web フォントを Windows で表示するよりも OSX で表示すると、Web フォントが「重く」見えるというのはよくある問題です。
たとえば、これは同じサイト、同じブラウザ、異なるオペレーティング システムの同じフォントです。
同様の違いを示す Arial を次に示します。
Windows または OSX のいずれかでフォントのレンダリングを変更して、互いに近くに見えるようにする方法はありますか? または、この違いに対処するための他の手法はありますか?
そのフォントは特に悪い例です。私は多くのフォントを扱っていますが、そのようなフォントは見たことがありません。人々は自分のマシンでフォントが特定の方法でレンダリングされるのを見ることに慣れているため、フォントのレンダリング方法を指示するのはあなたの仕事ではないことに注意してください。
覚えておくべきいくつかの点は、含めたウェイトのみを使用することです。たとえば、font-weight: boldそのフォントの太字バージョンを実際に含めていない場合は、カスタム フォント フェイスでは使用しないでください。「Browser bold」は、実際の太字フォントと比べて常にめちゃくちゃに見えます。
また、一部のフォントについては、Webkit ブラウザーの font-smoothing プロパティを変更する必要があることがわかりました。これは、デフォルト (サブピクセル エイリアス) が少し重く見える可能性があるためです。このプロパティは、問題のあるフォントを使用する任意の要素 (必要に応じて本文も含む) に追加できます。
-webkit-font-smoothing: antialiased;