CSS多个字体系列？

Question

body {
 background-color: silver;
 color: white;
 padding: 20px;
 font-family: Arial, Verdana, sans-serif;
}

如上所述多个csv字体 families是什么意思？

Answer 1

这意味着如果客户端的浏览器没有可用的先前字体，字体将回退到列出的下一个字体。

通过列出多种字体，您可以确保客户端看到您要显示的字体，即使您列出的第一个字体在浏览器中不可用。

在你的例子中：

body {
  background-color: silver;
  color: white;
  padding: 20px;
  font-family: Arial, Verdana, sans-serif;
}

Arial将回退到Verdana，这将回退到sans-serif

最佳实践：

  

从您想要的字体开始，并始终以通用系列结尾，让浏览器在通用系列中选择类似的字体，如果没有其他字体可用。

作为一个有趣的花絮字体系列在character by character basis上可能很重要：

  

font-family属性指定从最高优先级到最低优先级的字体列表。字体选择不仅仅停留在用户系统上列表中指定的第一个字体。相反，字体选择一次只完成一个字符，因此如果可用字体没有可以显示所需字符的字形，则尝试使用以后可用的字体。但是，这在Internet Explorer 6或更早版本中不起作用。

Answer 2

他们是后备选择。 “sans-serif”是一个通用的系列，意味着浏览器将选择一个也是sans-serif的默认字体。