font-family 是 CSS 中用于定义字体系列的属性。这个属性用于指定一个元素中的文本应该使用哪种字体,以及在用户系统中找不到这种字体时应该使用什么样的备用字体。

具体的使用方式如下:
/* 语法 */
font-family: font-name | generic-family [, ...];

/* 示例 */
body {
  font-family: 'Helvetica', Arial, sans-serif;
}

  •  font-name: 字体的名称,可以是字体的具体名称,也可以是通用名称。

  •  generic-family: 通用字体系列名称,比如 serif、sans-serif、monospace 等。


在示例中,'Helvetica' 是一个具体的字体名称,如果用户系统中有 Helvetica 字体,它将被使用。如果没有,浏览器将依次尝试使用 Arial,最后是 sans-serif。这样的设置保证了即使用户系统中没有指定的字体,页面上的文本也会以一种合理的方式显示。

通常,font-family 的值可以包含多个字体名称,以逗号分隔。浏览器会尝试使用列表中的第一个可用字体。通用字体系列名称用于提供一个范围,以便在用户系统上选择最接近所需外观的字体。
body {
  font-family: 'Times New Roman', Times, serif;
}

在这个例子中,浏览器会首先尝试使用 'Times New Roman',如果不可用,则尝试 'Times',最后才回退到通用的 serif 字体系列。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6075/CSS