对于一个项目，我下载了一个模板。在其 style.css 字体系列中被定义为
body {
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
arial、sans-serif、Helvetica Neue 是不同的字体家族，那么为什么 css 中的 font-family 定义如上。
【问题讨论】：
并非所有浏览器都支持所有字体。
因此，给多个字体系列选择浏览器支持的字体，从第一个字体开始。如果支持第一个字体，则使用它，否则检查是否支持下一个字体，依此类推。使用支持的最左边的字体。
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
在这种情况下，Lato 并非所有浏览器都支持。因此，检查下一个字体Helvetica Neue。
您还会注意到最后一种字体很常见，所有浏览器都支持 Arial 和 sans-serif 在这种情况下。
发件人MDN
font-family CSS 属性可让您为所选元素指定字体系列名称和/或通用系列名称的优先列表。值用逗号分隔，表示它们是备选值。浏览器将选择列表中第一个安装在计算机上或可以使用@font-face at-rule 下载的字体。
网络作者应始终在字体系列列表中添加至少一个通用系列，因为不能保证特定字体已安装在计算机上或可以使用 @font-face 规则下载。泛型系列允许浏览器在需要时选择可接受的后备字体。
【讨论】：
如果浏览器不支持它跳转的第一个字体，这有点像备份 到第二个
来自 W3 学校
font-family 属性可以保存多个字体名称作为“备用”系统。如果浏览器不支持第一种字体，它会尝试下一种字体。
有两种字体家族名称：
family-name - 字体系列的名称，如“times”、“courier”、“arial”等。 generic-family - 通用系列的名称，如“serif”、“sans-serif”、“cursive”、“fantasy”、“monospace”。
【讨论】：