2012-06-01 5 views
7

これはかなり一般的な質問ですが、私は解決できないと思いますが、少なくとも私は試してみます。Mozilla FirefoxとInternet Explorerのフォントの違い

チェックこのイメージアウト:拡大画像については、次のURLに http://i.imgur.com/nHPNr.jpg

ゴー: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> 

あなたは、見ることができるようにフォントが同じに見えません。この問題を解決する方法はありますか?

  • Internet Explorerのバージョン:9.0.8112.1641 64ビット版
  • Mozilla Firefoxのバージョン:13.0

任意のアイデア?

+0

イメージにテキストを作成するために使用された正確なHTMLを表示できますか?また、フォントウェイトをハードコードして、違いがあるかどうか確認できますか? – JohnFx

+0

私はfont-weightを数値とアルファベットの両方で使ってみました。テキストのサイズは変更されますが、IEとFFの違いはまだあります。トピックに貼り付けたHTMLコードは、現在使用しているすべてのものです。 (これはもちろん試験のためのものです) – Robinjoeh

答えて

8

問題を解決する方法が1つあります。イメージを作成します。

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

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

さまざまなブラウザでテキストをレンダリングすると、同じ結果が期待できません。

+0

私は最初から何を考えていたのですか。ケースが閉じられた、ありがとう! – Robinjoeh

0

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

+4

"と正確には結果は異なるかもしれません" ...おかしい。 – kingjeffrey

関連する問題