给出多个字体系列名称有什么意义

3 回答

• 4

  如果您的浏览器找不到您要求的第一个字体，则会转到下一个字体，依此类推 . 因此，即使您的第一选择不可用，您也可以控制样式 .

  回复于 2024-05-09T10:42:53+08:00
• 0

  并非所有浏览器都支持所有字体 .

  因此，从第一个字体开始，为多个字体系列选择浏览器支持的字体 . 如果支持第一种字体，则使用它，否则检查是否支持下一种字体，依此类推 . 使用最左侧支持的字体 .

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  

  在这种情况下，并非所有浏览器都支持 Lato . 因此，检查下一个字体 Helvetica Neue .

  您还会注意到最后的字体很常见，在这种情况下，所有浏览器都支持 Arial 和 sans-serif .

  FROM MDN

  font-family CSS属性允许您为所选元素指定字体系列名称和/或通用系列名称的优先级列表 . 值用逗号分隔，表示它们是替代品 . 浏览器将选择计算机上安装的列表中的第一个字体，或者可以使用@ font-face at-rule下载 . Web作者应始终在字体系列列表中添加至少一个通用系列，因为无法保证计算机上安装了特定字体，或者可以使用@ font-face at-rule下载 . 通用系列允许浏览器在需要时选择可接受的后备字体 .

  回复于 2024-05-09T10:42:53+08:00
• 1

  如果浏览器不支持跳转到第二个字体的第一个字体，它有点像备份

  来自W3学校

  font-family属性可以将多个字体名称作为“后备”系统 . 如果浏览器不支持第一种字体，它会尝试下一种字体 . 有两种类型的字体系列名称：family-name - 字体系列的名称，如“times”，“courier”，“arial”等.generic-family - 泛型系列的名称，如“ serif“，”sans-serif“，”草书“，”幻想“，”monospace“ .

  http://www.w3schools.com/cssref/pr_font_font-family.asp

  回复于 2024-05-09T10:42:53+08:00