jquery - IE8 支持 HTML 自定义字符实体代码 "▶"(阻止右箭头)

Question

我在我的按钮中使用 HTML 字符代码来阻止向右箭头。

代码很简单:

<a href="#" class="button aqua">Details &#x25B6;</a>

block 箭头看起来像这样:▶

字体为宋体:font: 11pt Arial, Helvetica, sans-serif;

我的编码是 UTF-8:<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />我正在使用 XHTML 1.0 Transitional 文档类型。

在 IE 8 中，我只看到一个小边框，表示未找到字符。箭头不见了。知道如何让 IE8 识别这个，或者选择合适的字体/字符集吗？

作为替代方案，我打算将字符替换为 &rqauo; (直角引用:»，受 IE8 支持)使用 jQuery。但是，我使用的是 v1.9，它取消了 $.browser赞成$.support.x .有什么方法可以检测正在呈现的字体/字符集？

提前感谢您的建议。

Answer 1

通常，为了最大限度地提高显示特殊字符的几率，您应该声明一个 font-family 字体列表，其中包含已知包含它的字体以及在不同系统中可用的字体。参见 Guide to using special characters in HTML .

对于字符“▶”U+25B6 黑色右指三角形，font support page在 Fileformat.info 中提到了 Arial Unicode MS 和 Lucida Sans Unicode，以及一些通常不会安装在 Windows 系统上的字体。 Arial Unicode MS 随 Microsoft Office 和其他一些软件一起提供，而 Lucida Sans Unicode 从 Windows XP 开始就随 Windows 一起提供。所以你应该使用例如

<style>
.triangle { font-family: Lucida Sans Unicode, Arial Unicode MS, sans-serif; }
</style>
[...]
<a href="#" class="button aqua">Details <span class=triangle>&#x25B6;</span></a>

这应该可以解决 IE 的问题。但是，由于某些奇怪的原因，当我在(虚拟)Windows XP 上的 IE 6 中对此进行测试时，它失败了:该字符仍然显示为一个框。我不知道为什么，但 IE 6 中的字符渲染通常有很多错误。如果您真的想最大限度地提高显示符号的几率，请使用图像。