指定为CSS font-family值的正确方法是什么:字体,字体或字体系列?

时间:2014-01-14 10:22:04

标签: css fonts

这里是字体,字体和字体系列的定义:

  1. 字体是一组字符的设计。
  2. 字体是字体和其他品质的组合,例如尺寸,间距和间距。
  3. Font-family是一组字体,所有字体都具有相同的字体,但具有不同的大小,重量和倾斜度。
  4. 那么这三个i中哪一个可以指定为css font-family属性的值? 如果我只应指定3)即字体系列,那么在我指定sans-serif的情况下,浏览器会从用户系统中选择哪种sans-serif字体来显示内容?用户系统上可以有很多sans-serif字体。

    提前致谢, 苏伦

3 个答案:

答案 0 :(得分:2)

他们都不是。 font-family的值是字体系列的逗号分隔列表(按优先顺序)。字体系列是一组(一个或多个)类型设计的字体,通常由印刷师设计,以便它们具有造型一致性。例如,字体系列Georgia包含可能具有Georgia Regular,Georgia Italic,Georgia Bold和Georgia Bold Italic的字体。字体的名称可能与语言有关,并不打算在CSS中使用。相反,您使用各种CSS结构来选择字体;例如,font-style: italic从正在使用的字体系列中选取一个斜体字体(或者,如果它没有这样的字体,可以通过在常规字体中倾斜字形来创建“虚假斜体”)。

标识符sans-serif表示所谓的通用sans serif字体系列。这意味着依赖于浏览器的字体系列。浏览器有默认设置,用户可以在浏览器设置中更改(虽然很少有人知道并关心这一点)。

答案 1 :(得分:1)

在CSS中使用font-family时,最好构建一个“字体堆栈”。 This website为您提供了一些标准的标准,无需下载任何额外字体即可使用。

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

采用以下示例:

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

首先查找字体'Open Sans'。如果找不到,它就会移到'Arial'上,依此类推。在最后,有一个看起来像另一个字体名称'sans-serif'。有点令人困惑,因为这是一种类型,而不是字体的名称。在大多数系统中,这只意味着sans-serif将回归到你最基本的sans-serif字体(在大多数情况下,这基本上只是Windows上的Arial,可能是Mac上的Helvetica)。看看它的作用的最好方法就是尝试它!

答案 2 :(得分:1)

我不完全确定你问题的第一部分是什么意思。但是,如果你写:

p{
font-family: sans-serif;
}

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

如果要使用特定字体,则必须指定该字体。在行尾添加“sans-serif”或“serif”是很好的做法,因为页面将回退到默认字体。

例如:

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

在这个例子中我们寻找'龙虾字体',如果我们找不到它,我们会寻找'Tahoma',如果我们找不到这个,那么我们会回退到浏览器默认值。