这里是字体,字体和字体系列的定义:
那么这三个i中哪一个可以指定为css font-family属性的值? 如果我只应指定3)即字体系列,那么在我指定sans-serif的情况下,浏览器会从用户系统中选择哪种sans-serif字体来显示内容?用户系统上可以有很多sans-serif字体。
提前致谢, 苏伦
答案 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',如果我们找不到这个,那么我们会回退到浏览器默认值。