具体的使用方式如下:
/* 语法 */
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.zyzy.cn/article/detail/6075/CSS