使用CSS时如何处理Unicode字符兼容问题

Question

我想知道您是否能够在使用Unicode字符时创建备用方案。看到我有以下CSS：

.icon-check:after {
    content:'\2714';
    color: green;
}

如果没有对这个字符的支持，有没有一种方法只打印出“是”或其他内容？

对于字体，就像p{font-family:"Times New Roman", Times, serif;}一样很容易。但对于内容属性，似乎没有办法创建这样的备用。

注：我知道还有其他可能性，比如Font Awesome、Glyphicons等，但我只是想知道是否有备用方案。

- Jacob van Lingen

---

不，我不这么认为。这只是操作系统的问题，没有这样的字体，然后浏览器显示一个占位符字符。不应该有错误事件发生，因此它应该是无法检测到的。 - Daniel Cheung

Answer 1

有没有一种方法只打印“yes”或类似的东西？

简单的答案？没有。

我想知道当使用unicode字符时是否可以创建备用方案。

简单的答案？是的...有点儿。

您唯一可以指定的备用方案是字体族，但是您可以使用@fontface来指定您正在使用的字体的unicode范围。

24 Ways上有一篇很棒的文章，介绍了如何做到这一点，例如，您可以为特定字符指定字体系列（来自文章）：

@font-face {
    font-family: 'Ampersand';
    src: local('Baskerville'), local('Palatino'), local('Book Antiqua');
    unicode-range: U+26;
}

接下来执行：

.icon-check:after {
    content:'\26';
    color: green;
}

注意，上述代码针对的是一个“&”符号，但应该可以给您提供一种方法的想法。

- SW4