CSS字体

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设置字体的粗细。