html - Unicode 向下三 Angular 形在 IE9 中不显示

Question

我想在我的 CSS 下拉菜单中包含一个向下的三 Angular 形。它在除 IE9 之外的所有浏览器中都能正常工作。

在普通浏览器(Firefox、Opera、Chrome 等)中，它看起来像这样:

然而在 IE9 中它显示如下:

CSS代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25be";
}

知道问题出在哪里吗？我该如何解决？

Answer 1

您需要为包含特殊字符的(伪)元素声明字体系列，以便您仅使用 fonts that are known to contain that character .例如，将以下规则添加到您的声明中:

font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;

当您声明 Helvetica 时，正如您所说(在评论中)，Windows 会根据自己的特殊内部规则将其视为 Arial(如果 Helvetica 不可用，通常不可用)。由于 Arial 不包含该字符，浏览器应该按照其设置中设置的某种顺序检查系统中的不同字体，以找到包含该字符的字体。浏览器可能无法这样做，而 IE 经常会这样。

在这种情况下，最好使用另一个更明显的字符，它恰好具有更好的字体覆盖率。基本原则仍然是特殊字符在声明字体时需要特别注意。有关这方面的一般性信息，请参阅我的 Guide to using special characters in HTML .