CSS Unicode 复选标记/刻度在 Windows 8.1/Firefox 版本 32 中变为绿色/红色

Question

在更新到 Firefox 版本 32 后，我网站上的所有重的复选标记/勾号都已更新为可爱的不符合放射性的绿色。

此问题似乎与 WINDOWS 8.1 和 FIREFOX V32 无关

---

UNICODE 样本

(✔, ☑, ✖,)

U+237B ⍻ not check mark
U+2610 ☐ ballot box
U+2611 ☑ ballot box with check (GREEN)
U+2705 ✅ white heavy check mark
U+2713 ✓ check mark
U+2714 ✔ heavy check mark (GREEN)
U+2716 ✖ Heavy multiplication (RED)

FIREFOX V32 （截图）

CHROME V37 （截图）

这不是 Firefox 版本 31 中的问题 像其他文本一样使用 css color 属性管理的记号。

---

问题

1. 如何在所有流行的现代浏览器中管理 unicode 刻度的颜色？
2. 为什么，为什么，为什么？ （我可以理解默认设置，但覆盖设置似乎不合逻辑，我敢打赌这是移动/平板电脑的补偿）。

---

在 FIREBUG 中查看的这篇文章的源屏幕截图 还是绿色的！：o

---

TEST AREA

Answer 1

请查看以下 URL，该 URL 将显示问题的原因：https://bugzilla.mozilla.org/show_bug.cgi?id=1054780

特别是：Gijs Kruitbosch 的这篇文章似乎很好地总结了这个问题并提供了一种可能的解决方法：

这可以在 Windows 8.1 上的 Nightly 上重现。 AFAICT Segoe UI 表情符号 是 Windows 8 中的新功能，这就是导致问题的原因。

可能有一种方法可以关闭 Windows 的字体颜色 （显然这存在于 XAML 中，但可能仅适用于 Windows Phone， 而且我不知道他们是否会以任何其他方式公开），这将是 一种选择。

更简单的选择似乎是使用 Segoe UI Symbol， 至少有所有这些字符（我对 我不知道这是否/何时可以完全替代的 unicode 字体的表情符号变体，和/或范围）。

使用 Segoe UI Symbol 的建议似乎确实有效，将示例中的 CSS 更改为：

div {
    background:#111;
    color:#fff;
    font-family: Segoe UI Symbol;
}

再次产生白色滴答声。

更新的 CSS 卡片组示例： http://cssdeck.com/labs/dzemruoi

如果您不想在它自己的单个容器中围绕刻度来更改font-family，则可以指定Segoe UI Symbol 作为后备，并且刻度仍将正确显示，而其他文本将在首选字体：

div {
    background:#111;
    color:#fff;
    font-family: arial, Segoe UI Symbol;
}

带有其他文本的 CSS 卡片组示例： http://cssdeck.com/labs/gzgwlhpb