Css 如果在无衬线字体后面列出，表情字体什么时候起作用？

我的理解是，

无衬线

将为您提供操作系统默认的

无衬线

字体，并且每个操作系统都会支持这一点。在什么情况下可以访问

sans serif

后面列出的表情字体

Github 2017-08-09 请参阅“您所描述的是浏览器的默认行为-如果缺少字符，它自然会返回到基本字体。但是，有时自定义字体使用空白字符，在这种情况下，您可以尝试使用unicode范围”

因此，如果早期的字体不包含字符（或者使用@font-face规则中的语句屏蔽这些字符），那么它将返回到包含字符的字体

@font-face {
  font-family: 'Sometimes';
  src: local('Times New Roman');
  unicode-range:
    /*upper*/ U+41, U+43, U+45, U+47, U+49, U+4B, U+4D, U+4F, U+51, U+53, U+55, U+57, U+59,
    /*lower*/ U+62, U+64, U+66, U+68, U+6A, U+6C, U+6E, U+70, U+72, U+74, U+76, U+78, U+7A ;
}

p {
  font-family: Sometimes, cursive;
}

---

在上面的例子中，我只使用了奇数大写字母（ACEGIKMOQSUWY）和偶数小写字母（bdfhjlnprtvxz）来显示Times New Roman。

颠倒顺序。首先选择您喜欢的字体，然后再选择备用字体。一旦浏览器找到有效的字体，它将停止查看字体列表

我在下面设置了一个示例，其中第一个

，
，第二个
和
，第三个
使用自定义字体

.fourth
也列出了这些字体，但我通过先加载将首选项设置为
无衬线

结果是，即使在类
.fourth
的
字体系列
列表中有所有这些自定义字体，浏览器也会停止在
无衬线


span{
字体大小：30px；
显示：块；
利润率：2米自动；
}
.首先{
字体系列：“警告”；
}
.第二{
字体系列：“锡达维尔草书”；
}
.第三{
字体系列：“永久标记”；
}
.第四{
字体系列：无衬线，'永久标记'，'锡达维尔草书'，'警告'；
}

哈兹科德酒店
哈兹科德酒店
哈兹科德酒店
I haz kode
你的意思是，如果用户在
无衬线
之前没有任何字体，并且在他们的操作系统上，他们将默认字体设置为带有黑色字符的自定义字体？@ryanve你的问题措辞混乱。它从左到右——第一个字符不满意的地方在下一个字符中查找，然后再查找第二个字符，等等。右-但是字体是否作为一个整体回退，或者不同的字符是否可能以不同的方式回退？后者。不同的角色会各自后退。请看我使用unicode范围制作的示例：对于可能的有限字符：运行代码段会引发脚本错误，还是只有我？@ryanve Chrome 59-代码段运行时没有任何错误。我在Chrome 60中得到
脚本错误。
但它在Firefox中工作，我可以看到。我明白你所做的，这与我现有的理解是一致的…无衬线字体是不可访问的。
@font-face {
  font-family: 'Sometimes';
  src: local('Times New Roman');
  unicode-range:
    /*upper*/ U+41, U+43, U+45, U+47, U+49, U+4B, U+4D, U+4F, U+51, U+53, U+55, U+57, U+59,
    /*lower*/ U+62, U+64, U+66, U+68, U+6A, U+6C, U+6E, U+70, U+72, U+74, U+76, U+78, U+7A ;
}

p {
  font-family: Sometimes, cursive;
}