css - 将 unicode 与 css 一起使用的回退

Question

我想知道您是否可以在使用 unicode 字符时创建回退。看我得到了以下 css:

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

有人会不支持这个字符，有没有办法只打印"is"之类的东西？

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

注意我知道还有其他可能性，例如 Font Awesome、Glyphicons 和类似的东西，但我只是对是否有后备方案感兴趣。

Answer 1

is there a way to just print 'yes' or something?

简单的答案？ 没有。

I was wondering if you could create a fallback when using unicode characters

简单的答案？ 是...大概。

您唯一可以指定的回退是在字体系列上，但是您可以使用 @fontface 到 specify the unicode range您正在使用的字体。

The unicode-range CSS descriptor sets the specific range of characters to be downloaded from a font defined by @font-face and made available for use on the current page.

有一个great article on 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;
}

铌。以上是一个符号，但应该让你了解一种方法.