在IE6中以不同大小呈现的Unicode字符

Question

在Web应用程序中，我必须显示一个特殊的unicode字符，称为BLACK DIAMOND (U+25C6)（有关详细信息，请参阅here）。以下是一个示例：◆

为页面定义的字体是Arial，大小为13px。

令人惊讶的是，与其他浏览器（FF，Chrome，...）相比，IE6中的角色渲染尺寸更大。

这种奇怪的行为是否有任何原因以及避免这种情况的解决方案是什么？

Answer 1

这是因为您指定的字体中缺少指定的字符。因此，浏览器会查找适合该字符的字体，以便它仍然可以显示。不同的浏览器会选择不同的字体，因此每种浏览器都会看到不同的字体。

一般情况下，你可以做很多事情来避免这种情况，因为丢失的字体在网络上很常见，因此你不能真正依赖任何字体出现在用户的机器上。不过你可以尝试减轻它：

1. 你可以将U + 25C6放在一个样式的范围内，使用另一种具有该字符的特定字体（并且与你的主字体配合得很好）。
2. 同上，但分发包含字形的网络字体（WOFF似乎是一个合理的选择）。通过这种方式，您可以更好地控制所显示的内容。
3. 远离指定后备字体，如Arial Unicode MS。只是不要使用它们。
4. 如果您刚刚看完U + 25C6并且不关心实际使用文本形式，则可以使用图像或CSS hack。