html - 解释 CSS 结构

Question

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

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

Answer 1

首先加载Open Sans字体，如果不可用，则加载Helvetica，如果Helvetica不可用，则加载Arial，如果它们都不可用，则加载另一个sans-serif字体。

文件：

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

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

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

<family-name>

所选字体系列的名称。在最后一个示例中，“Gill”和“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

浏览器将尝试使用列表中的第一个字体，如果未安装，它将转到列表中的下一个字体，依此类推。