3

Firefox ユーザーにより良いフォント レンダリングを実現するためのハックではない html/css/jquery トリックはありますか? 以下のスクリーンショット (Safari 5/Chrome 20/Firefox 13) は、Firefox がユーザー エージェント フォントとタイプキットで提供されるフォントをより太くレンダリングしていることを示しています。

ユーザーエージェントフォント (Helvetica) ユーザーエージェントフォント (Helvetica)

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.025em;
color: #333;

Typekit 提供のフォント (メタ) Typekit 提供のフォント (メタ)

font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
letter-spacing: 0.025em;
color: #333;

どちらの場合も、これらのフォント サイズは h1、h2、および p に使用されます。

font-size: 1.4em;

font-size: 1.1em;

font-size: 0.75em;

ありがとう!

4

2 に答える 2

0

cssを実行する前にCSSリセットを使用します。

于 2012-07-08T22:44:12.173 に答える
0

使用している OS を指定していませんが、Firefox が標準のグレースケール アンチエイリアシングではなく ClearType を使用しているように見えます。

于 2012-07-08T23:14:05.993 に答える