Serif 字体
Sans-serif 字体
Monospace 字体
Cursive 字体
Fantasy 字体
1:使用 font-family 属性 body {font-family: sans-serif;}
建议在所有 font-family 规则中都提供一个通用字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
使用单引号。只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。
2:字体风格
font-style 属性最常用于规定斜体文本。
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
3:字体变形
font-variant 属性可以设定小型大写字母。
p {font-variant:small-caps;}
4:字体加粗
font-weight 属性设置文本的粗细。关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
5:字体大小
font-size 属性设置文本的大小。普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}
总结:属性描述
font简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family设置字体系列。
font-size设置字体的尺寸。
font-size-adjust当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)
font-stretch对字体进行水平拉伸。(CSS2.1 已删除该属性。)
font-style设置字体风格。
font-variant以小型大写字体或者正常字体显示文本。
font-weight设置字体的粗细。