0

Safari 5.1/Windows XP では、ボタン要素の Unicode 矢印は表示されません。<span>正常に動作しています。

<span>▼&lt;/span>
<button>▼&lt;/button>

スクリーンショット: http://cl.ly/image/1T0J1X10141A

フィドル: http://jsfiddle.net/christianhaller/nTvjU/1/

これを修正するためのヒントはありますか?

詳細情報: 同じ OS の IE8 では、Unicode 文字に問題はありません。

4

1 に答える 1

1

これはフォントの問題です。Windows 7 の Safari 5.1.7 には存在しませんが、仮想 Windows XP の Safari 5.1.7 では再現できました。三角形の文字の代わりに小さな四角形が表示されます。これは、グリフがないことを示す一般的な指標です。

どうやら、Windows XP では、Safari はbutton要素にいくつかの固定フォント (Microsoft Sans Serif のようです) を使用し、そのフォントに存在しない文字に遭遇すると、他のフォントを探すことができません。幸いなことに、これは、それを含むフォントを指定することで修正できます。一般的に要素を Microsoft Sans Serif でレンダリングしたい場合はbutton、CSS でフォ​​ールバック フォントを指定するだけで十分です。

button { font-family: Microsoft Sans Serif, Arial }

かなりの数のフォントに三角形の文字が含まれているため、多くのオプションがあります。buttonまた、フォールバック フォントとしてだけでなく、要素のプライマリ フォントにしたい場合もあります。

于 2013-02-04T17:31:42.400 に答える