对于项目，我下载了一个模板。在其style.css字体系列中定义为
body {
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
arial，sans-serif，Helvetica Neue是不同的字体系列，那么为什么css中的font-family定义如上。
答案 0 :(得分：4)
并非所有浏览器都支持所有字体。
因此，从第一个字体开始，给多个字体系列选择浏览器支持的字体。如果支持第一种字体，则使用它，否则检查是否支持下一种字体，依此类推。使用支持的最左边的字体。
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下载。通用系列允许浏览器在需要时选择可接受的后备字体。
答案 1 :(得分：1)
如果浏览器不支持它跳转的第一个字体，它有点像备份 到第二个
来自W3学校
font-family属性可以将多个字体名称作为“后备”系统。如果浏览器不支持第一种字体，则会尝试下一种字体。
有两种类型的字体系列名称：
family-name - 字体系列的名称，如“times”，“courier”，“arial”等。 generic-family - 泛型家族的名字，如“serif”，“sans-serif”，“cursive”，“fantasy”，“monospace”。
答案 2 :(得分：0)
如果您的浏览器找不到您要求的第一个字体，则会转到下一个字体，依此类推。因此，即使您的第一选择不可用，您也可以控制样式。