解释CSS结构

Question

我在其中一个网站上找到了这段代码。显然是CSS样式定义了字体家族。但我无法得到这种结构。请帮帮我。提前谢谢。

font-family: "Open Sans",Helvetica,Arial,sans-serif;

Answer 1

第一次加载Open Sans字体，如果不可用，则加载Helvetica，如果Helvetica不可用，加载1rial；如果没有可用的字体，则加载另一个Sans-serif。

文档：

属性值是字体系列名称和/或通用系列名称的优先级列表。与大多数其他CSS属性不同，组件值用逗号分隔，表示它们是可选的：

body { font-family: Gill, Helvetica, sans-serif }

有两种字体家族名称：

<family-name>

所选字体系列的名称。在最后一个例子中，"Gill"one_answers"Helvetica"是字体家族

<generic-family>

在上面的示例中，最后一个值是通用族名称。定义了以下通用族：

    'serif' (e.g., Times)
    'sans-serif' (e.g., Helvetica)
    'cursive' (e.g., Zapf-Chancery)
    'fantasy' (e.g., Western)
    'monospace' (e.g., Courier)

Answer 2

浏览器将尝试使用列表中的第一种字体，如果没有安装，则会转到列表中的下一种字体，依此类推。