position - テキストの書体と縦位置

Question

Web サイトで After Disaster フォントを使用したいのですが、異なるブラウザーで表示されるテキストの縦位置を同じにすることができません。さらに、システムにも依存しています。これをテストできます：

http://jsfiddle.net/z7rby/1/

Linux では、Google Chrome は Firefox や Opera よりも約 1 ピクセル高いテキストを表示します。Windows の Google Chrome では、バックグラウンドの真ん中に表示されます。私はそれで何ができますか？

Answer 1

この問題を解決する方法はありません。異なるシステムではフォントのレンダリングがわずかに異なることを受け入れ、視覚的な目標を達成する別の方法を見つける必要があります。

CSS の配置 (幅、高さなど) を介してレイアウトを制御できますが、フォントのレンダリングは制御できません。

そのレベルの制御が「十分」でない場合は、ブラウザ依存の CSS (チュートリアルがオンラインにあります) を記述して、違いを補うことができます。

ただし、すべてのコンピューティングの目標は「十分に優れている」ことであることを忘れないでください。完璧であっても費用対効果は高くありません。

さらなる改善には一定の努力が必要であるが、その努力を費やすべきもっと重要なことがあるというレベルに到達したら、それが終了のポイントです。