Html Unicode in<;按钮>;在Safari 5.1(Windows)上未正确渲染

Html Unicode in<;按钮>;在Safari 5.1(Windows)上未正确渲染,html,windows,unicode,safari,Html,Windows,Unicode,Safari,在Safari 5.1/Windows XP中,按钮元素中的unicode箭头未显示工作正常 <span>▼</span> <button>▼</button> ▼ ▼ 截图: 小提琴: 有什么提示可以解决这个问题吗 进一步信息:同一操作系统上的IE8没有unicode字符问题这是字体问题。它不存在于Windows7上的Safari 5.1.7中,但我能够在虚拟WindowsXP中的Safari 5.1.7中复制它。此时将显示一个小矩形,而

在Safari 5.1/Windows XP中,按钮元素中的unicode箭头未显示<代码>工作正常

<span>▼</span>
<button>▼</button>
▼
▼
截图:

小提琴:

有什么提示可以解决这个问题吗


进一步信息:同一操作系统上的IE8没有unicode字符问题这是字体问题。它不存在于Windows7上的Safari 5.1.7中,但我能够在虚拟WindowsXP中的Safari 5.1.7中复制它。此时将显示一个小矩形,而不是三角形字符,这是缺少图示符的常见指示器

显然,在Windows XP上,Safari对
按钮
元素使用了一些固定字体(似乎是Microsoft Sans Serif),当遇到字体中不存在的字符时,它无法查找其他字体。幸运的是,这可以通过指定包含它的字体来解决。如果您通常希望使用Microsoft Sans Serif呈现
按钮
元素,那么在CSS中指定一种回退字体就足够了:

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

包含三角形字符,因此有许多选项。您可能希望将其中一些作为
按钮
元素的主要字体,而不仅仅作为后备字体。

看起来这有一个答案,有一个bug@Mark,这个问题是关于一个相关的问题,但不一样,答案是关于CSS逃逸;在这里,这个角色就是这样出现的。