什么是正确的指定为CSS字体族值:字体，字体还是字体系列？

Question

下面是字体、字体和字体系列的定义：

1. 字体是为一组字符设计的。
2. 字体是字体和其他品质的组合，例如大小、间距和间距。
3. 字体族是一组字体，所有字体都有相同的字体，但大小、重量和倾斜度不同。

那么，我可以将这3项中的哪一项指定为css字体族属性的值？如果我应该只指定3)即字体族，那么如果我指定sans-serif，那么浏览器将从用户系统中选择哪种sans-serif字体来显示内容？在用户的系统上可以有许多无衬线字体。

谢谢你，苏伦

Answer 1

他们都不是。font-family的值是字体族的逗号分隔列表(按优先顺序排列)。字体系列是一组(一个或多个)具有相似设计的字体，通常由排印器设计，这样它们在风格上是一致的。例如，字体系列格鲁吉亚由字体组成，这些字体可能有格鲁吉亚常规字体、格鲁吉亚意大利字体、乔治亚字体、乔治亚字体和乔治亚字体。字体的名称可能与语言有关，不能用于CSS中.相反，您可以使用各种CSS结构来选择一个字体；例如，font-style: italic从正在使用的字体系列中提取一个斜体字体(或者，如果它没有这样的字体，则可以通过在常规字体中倾斜字形来创建“faux斜体”)。

标识符sans-serif表示所谓的泛型无衬线字体系列。这意味着一个依赖浏览器的字体系列.浏览器有默认设置，这可以由用户在浏览器设置中更改(尽管很少有人知道和关心这一点)。

Answer 2

在CSS中使用字体系列时，最好构建一个“字体堆栈”。本网站为您提供了一些标准字体，您无需下载任何额外的字体即可使用这些标准字体。

字体堆栈的思想是用户计算机查找列表(堆栈)中的第一个字体，如果找不到它，它将移动到列表中的下一个字体。

以下列例子为例：

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

这第一次寻找字体'Open‘。如果它找不到它，它会移动到'Arial‘等等。在最后，有一个看起来像另一个字体名'sans-serif‘。有点混乱，因为这是一种类型，而不是一个字体的名称。在大多数系统上，这只意味着sans-serif将返回到您最基本的无衬线字体(在大多数情况下，这基本上只是Windows上的Arial，可能是Mac上的Helvetica )。最好的办法，看看它做什么，只是尝试一下！

Answer 3

我不太清楚你问题的第一部分是什么意思。但是，如果您写：

p{
font-family: sans-serif;
}

然后，您没有指定特定的字体，只指定默认的sans-serif/serif字体。浏览器将选择内置的默认浏览器(例如，在Mac中，这将是Helvetica，Windows将默认为Arial)，或者已经指定了用户--只有当用户在浏览器中更改了默认值时，才会覆盖它。

如果要使用特定字体，则必须指定该字体。在行尾添加'sans-serif‘或'serif’是很好的做法，因为它将使页面返回到默认字体。

例如：

 p {
        font-family: 'Lobster font', 'Tahoma', sans-serif;
  }

在这个例子中，我们寻找‘龙虾字体’，如果我们找不到它，我们寻找'Tahoma'，如果我们找不到它，那么我们返回到浏览器默认设置。