为什么 Firefox 会为某些字符着色，是否有解决方法？答案

【问题标题】：Why is firefox coloring certain characters, and is there a workaround?为什么 Firefox 会为某些字符着色，是否有解决方法？
【发布时间】：2014-09-16 12:06:17
【问题描述】：

当我偶然发现这个奇怪的“东西”时，我正在写一些 CSS。我有以下CSS：

div:after {
    content: '✔';
    color: red;
}

而不是显示红色复选标记，而是显示绿色复选标记。这只发生在 Firefox 中。这是某种错误还是应该是“预期”的结果。我找到了一个包含多个字符的列表，Firefox 将其转换为自定义“图标”。您可以在此处找到列表：http://www.danshort.com/HTMLentities/index.php?w=dingb

我还想出了一张图片，展示了 Firefox 和 Chrome 的差异。

更新：

基于@LinkinTED提供的jsFiddle的截图

【问题讨论】：

似乎在这里工作得很好jsfiddle.net/LinkinTED/tz84qqje，FF24

标签： css character-encoding char character

【解决方案1】：

出现上述行为是因为这些特定字符的后备字体加载不正确。首先它加载Segoe UI Emoji，如果不存在，它将加载Segoe UI Symbol。 Segoe UI Emoji 字体（在 Windows 8 中）已预先设置样式，因此无法使用 CSS 设置样式。考虑到这一点，解决方案很简单，只需使用正确的字体 (Segoe UI Symbol)。

查看这个新的 Fiddle 以查看此解决方案的实际效果。 http://jsfiddle.net/tz84qqje/2/

来源： https://bugzilla.mozilla.org/show_bug.cgi?id=1054780

【讨论】：

【解决方案2】：

当我使用直接十六进制代码时，对我来说效果很好......

div:after {
content: '✔';
color: #ff0000;
}

【讨论】：