css - フォントフェイスを使用したエッジの効いたフォント

Question

CSS font face プロパティを使用しようとしています。フォントを正しいものに変更しましたが、Windows プラットフォームでは非常にエッジが効いています。特にクロームは見た目が悪い。

OSX を使用する場合、すべてのブラウザは完璧です。

これらの見栄えの悪いフォントを回避するにはどうすればよいですか?

OSX Chrome の場合:

Windows Chrome の場合:

Answer 1

Segoe フォントは、ほとんどの Windows PC に既にインストールされています。これは、CSS にもリンクしようとしているときに問題を引き起こす可能性があります。組み込みの Windows フォントとは異なる名前になるように、CSS のフォントの名前を変更してみてください。

また、Chrome は TTF/WOFF フォントをうまくレンダリングしません。これを回避するには、SVG フォントを優先します (フォント リストの上位に配置します)。これにより、Chrome で SVG フォントが選択されます (ただし、他のほとんどのブラウザーでは WOFF フォントが引き続き使用されます)。詳しくはこちらをご覧ください。