Html 给出多字体系列名称的意义是什么

对于一个项目，我下载了一个模板。在其style.css字体系列中定义为

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

---

arial、sans serif、Helvetica Neue是不同的字体系列，那么为什么css中的字体系列定义如上所述。

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

来自W3学校

font family属性可以作为“后备”系统保存多个字体名称。如果浏览器不支持第一种字体，它将尝试使用下一种字体

有两种类型的字体系列名称：

姓氏-字体系列的名称，如“times”、“courier”、“arial”等。 泛型族-泛型族的名称，如“衬线”、“无衬线”、“草书”、“幻想”、“单空间”

---

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

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

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

在这种情况下，并非所有浏览器都支持

Lato

。因此，选中下一个font

Helvetica Neue

您还将注意到，最后一种字体是常见的，在本例中，所有浏览器

Arial

和

sans serif

都支持这种字体

来自

font family CSS属性允许您为选定元素指定字体系列名称和/或通用系列名称的优先级列表。值之间用逗号分隔，表示它们是备选值。浏览器将选择列表中安装在计算机上或可使用@font-face at规则下载的第一种字体

Web作者应始终在字体系列列表中至少添加一个通用系列，因为不能保证特定字体已安装在计算机上或可以使用@font-face at规则下载。通用族允许浏览器在需要时选择可接受的回退字体

---

Arial和sans serif是许多操作系统中常见的字体，因此，如果Lato或Helvetica未安装在客户端中，则它们是备用字体可能的副本