2

私は自分のウェブサイトで作業しており、font squirrel を使用してウェブサイト用のウェブ フォントを生成していますが、現在、次の違いがあります。

Google Chrome OSX Google Chrome OSX

グーグルクローム Windows グーグルクローム Windows

Firefox OSX

Firefox OSX

Firefox Windows Firefox Windows

インターネットエクスプローラ インターネットエクスプローラ

Windows のフォントを「ハック」して、OSX のフォントのように見えるようにする方法はありますか? ありがとうございました。

4

4 に答える 4

5

ここでの主な違いはブラウザー間ではなく、オペレーティング システム間であり、これはかなり標準的なものです。

于 2012-09-29T14:51:42.493 に答える
3

システムが異なれば、フォントのレンダリングも異なります。それについてあなたができることはほとんどありません。あなたはそれと一緒に暮らすことができます: 主要なシステム (Windows、Mac、Linux、おそらく一部のモバイルシステムも) でレンダリングが受け入れられていることを確認してください。同じである必要はありません。ただし、一部のプラットフォームで許容できない結果が得られた場合は、フォントを変更してください (ただし、フォント サイズを変更するだけで、場合によっては 1 ピクセル大きくすることもできます)。

この問題は、たとえばhttp://www.owlfolio.org/htmletc/legibility-of-embedded-web-fonts/で説明されており、http://www.smashingmagazine.com/2012 でより詳細に (そしてより技術的に) 説明されています。 /04/24/a-closer-look-at-font-rendering/

ただし、原則として、タイポグラフィ設定の違いによって違いが生じる場合もあります。最近の Firefox はデフォルトでカーニングと一般的な合字を適用しますが、他のブラウザーは適用しません。しかし、おそらくそのような効果は見られないでしょう。理由は 2 つあります。通常、フリー フォントには合字やカーニング ペアがなく、Lorem ipsum テキストには通常、重要な文字ペア (「fi」や「To」など) が含まれていません。または「ヴァ」）。いずれにせよ、タイポグラフィの設定は、CSS プロパティ(または、さまざまなブラウザー接頭辞を持つそのプロパティ)を使用してかなりの程度影響を受ける可能性があります。font-feature-settings

于 2012-09-29T17:44:44.120 に答える
1

実際にレンダリングされたテキストの外観はブラウザごとに大幅に異なるため、この問題のハックはないと思います。

于 2012-09-29T15:07:42.170 に答える
1

Windows にも ClearType があることに注意してください。設定の変更も同様に影響します (Windows 7 では 4 ステップのウィザードです)。

これについて言及する理由は、Windows にはフォントの外観を変更するネイティブな方法があり、ClearType の設定に応じて、誰もが異なる方法で表示されるからです。ブラウザはあまり変わらないと思いますが、OS は確実に変わります。それからモニターと解像度もあります...

すべてのシステムで同じように見えるようにすることに過度に執着しないでください。何をしようとしても、それはできません。まったく不要です。

于 2012-09-29T15:16:37.117 に答える