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

最佳实践:

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

作为一个有趣的花絮字体系列在逐个字符的基础上可能是重要的:

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