使用unicode和css的后备

时间:2014-03-13 14:01:01

标签: css unicode

我想知道你是否可以在使用unicode字符时创建一个后备。看我跟着css:

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

并且人们不会支持这个角色,有没有办法只打印'是'或者什么?

对于字体,它很容易,就像p{font-family:"Times New Roman", Times, serif;}一样。但是对于content属性,似乎无法创建这样的回退。

N.B。我知道还有其他可能的东西,如Font Awesome,Glyphicons和类似的东西,但我只是感兴趣,如果有一个后备。

1 个答案:

答案 0 :(得分:6)

  

有没有办法打印“是”'还是什么?

简单回答?

  

我想知道你是否可以在使用unicode时创建一个后备   字符

简单回答? 是... ISH

您可以指定的唯一回退是在字体系列中,但您可以使用@fontfacespecify the unicode range您正在使用的字体。

  

unicode-range CSS描述符设置特定的字符范围   从@ font-face定义的字体下载并可用   用于当前页面。

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

的Nb。以上是一个&符号,但应该让你知道一种方法