FirefoxとChrome/IEでUnicodeの特殊文字が異なって表示される

Question

Firefox、Chrome、Safari、IEでまったく同じように見えるようにする方法を見つけようとしています。

私は、DingbatsがIEの/ Chrome/Safari、Firefoxで同じように見えることに気付きました。しかし、彼らは「シンナー」に見えます。 たとえば、次のページにアクセスしてみてください： http://en.wikipedia.org/wiki/Dingbat Firefoxでそのページを表示すると、Chrome/IEと比較して文字が異なって見えます。

誰にでもFirefoxがChrome/Internet Explorerに表示されているような文字を表示する理由とその理由を知っていますか？

Answer 1

私はばかだあなたはフォントが問題の文字はばかだかそうでないかどうか、すべてのブラウザでまったく同じに見えるようにすることはありませんまったく同じ

を見えるようにする方法を見つけようとしています。

私にとっては、そのページの文字のほとんどがIEまたはWebKitでレンダリングされません。 IEは伝統的に平均よりもフォントのフォールバックが劣り、Firefoxは通常は平均よりもよくなります。 FirefoxとOperaが私のためにシンボルをレンダリングするために選んだフォントはMeiryo（Windows Vista以降にインストールされた日本語フォント）です。 IEとWebKitでは、Arialで使用できるシンボルの選択肢がはるかに限定されているため、ほとんどの文字が失われてしまいます。

記号の文字を好きなように描画するには、他の文字と同様に操作し、必要なフォントを指定します。 CSS font-family: Meiryo。もちろん、そのフォントがインストールされていない人なら何か違うものが得られ、ブラウザ/ OSの設定によってフォントのレンダリング方法が変更される可能性があります。

オペレーティングシステムでインストールされるフォントの基本的なデフォルトセットには、大部分のグリフが含まれていないため、Zapf Dingbatsセットのシンボル文字はウェブ上で使用するのが安全ではありません。 （Windows上の「Wingdings」はそうですが、ユニコードにするべきではなく、ASCII文字上にシンボルを置くカスタムマッピングを持つレガシーフォントなので、Web上で使用するのは安全ではありません）

There

● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼ 

など、一般的に使用可能なフォントセットを使用して一般的に取り除くことができるいくつかの記号文字です。

Answer 2

興味深い... Firefox 3.6.13とChrome 8.0.552.231を搭載したMacOS X 10.6.6マシンでは、Wikipediaのページで最初のテーブルITC Zapf Dingbatsが少し異なって表示されます。エフェクトは、文字のセットの左下隅の実線の半円上で最も顕著です。

メインのUnicode Dingbatsテーブルはほとんど同じです。 Firefoxは行方不明の文字の4桁の16進数を含むボックスを生成しますが、Chromeは空のボックスを生成します。私はFirefoxの技術を好みます。

ブラウザは、わずかに異なるフォントまたは多少異なるフォントサイズを使用する必要があります（目のサイズの違いは検出できません）。私はレンダリングされているHTMLを見ていない。

これは「許容されるバリエーション」の範囲内にあると私は思うが、私は専門家ではない。私はあなたがブラウザ間のピクセルごとの類似性を要求するならば、あなたの前に心配する世界があると思う。気になるのは、メッセージをはっきりと伝えることです。