html - Mozilla Firefox と Internet Explorer のフォントの違い

Question

これはかなり一般的な質問であり、解決できないと思いますが、少なくとも試してみます。

この画像をチェックしてください：

より大きな画像については、次の URL にアクセスしてください: http://i.imgur.com/nHPNr.jpg

HTML コード:

<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div>

ご覧のとおり、フォントは同じではありません。この問題を解決する方法はありますか?

何か案は？

score 8 · Accepted Answer

この問題を解決する 1 つの方法があります。画像にすることです。

テキストのレンダリング方法は、インストールされているフォント、オペレーティングシステム、レンダリングキャリブレーション、フォントスムージング、レンダリングパラメータなど、多くの要因によって異なります。これらのパラメーターのいずれかが異なる場合、結果は異なります。

画像を調べると、ブラウザーがフォントスムージングに異なるパラメーターを使用し、他のパラメーターも異なる場合があることがわかります。

異なるブラウザーでテキストをレンダリングする場合、まったく同じ結果を期待することはできません。

score 0 · Accepted Answer

Lettering.jsは、文字を正確にカーニングするために使用できる jQuery プラグインです。結果は異なる場合があります

2 に答える 2