1

Chrome / ChromiumのArial（おそらく他のフォントも）に問題があります。font-family：Arialを使用すると見栄えがします。しかし、@ font-faceを介してArialフォントファイルを含めると、見た目が異なります。なぜそうなるのでしょうか？それらを同じように見せるために何ができますか？Chromeはどこでフォントを使用しますか？これが私のCSSです

@font-face {
    font-family: 'My Arial';
    src: url(Arial.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 20px;
    font-size: 16px;
}

body#native {
    font-family: Arial;
}

body#fontface {
    font-family: 'My Arial';
}

レンダリングされたテキストは次のとおりです。

これが写真です。

私の英語は申し訳ありませんが、それは私の母国語ではありません。

4

2 に答える 2

1

私は @font-face をよく使用しますが、ブラウザによってレンダリング方法が常に異なります。一部のフォントでは本当に醜くなります。あなたの特定のケースでは、違いは重要ではないと思います.Sparky672がすでにコメントしたように、他のすべては.

すべてのシステムでピクセル精度の同一レンダリングが絶対に必要な場合は、JavaScript ベースのソリューションが役立つ可能性があります。これを確認してください。

https://stackoverflow.com/a/692994/525445

繰り返しますが、これがあなたのスクリーンショットの私のサイトである場合、その外観に完全に満足しています.

Web の性質上、すべての人が同じものを見るわけではありません。色設定や解像度が異なるさまざまなモニターがあり、テキストをズームインする人もいます。

オプションについて言及すると、JavaScript を使用して Chrome を検出し、特定の CSS を適用して微調整することができます。

于 2012-04-18T18:28:51.367 に答える
0

@font-face でインクルードしている Arial ファイルは、システムのファイルとまったく同じですか、それとも別の場所から取得したものですか? 違いの原因となっているファイルに違いがある可能性があります。そうでない場合は、@ Sparky672 が最後のコメントで述べたように、できることはあまりなく、ブラウザのレンダリングの問題にすぎません。

また、好奇心から、@font-face で Arial を含めているのは、事実上すべてのシステムで利用できるのに、なぜですか?

于 2012-04-18T17:24:37.977 に答える