CSS03 - 常用字体样式

font - size

字号。

font-size 属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位 px，绝对长度单位使用较少。具体如下：

font - family

font-family 属性用于设置字体。网页中常用的字体有微软雅黑、黑体、宋体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下 CSS 样式代码：

p{ font-family:"微软雅黑";}

可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。

常用技巧

1. 现在网页中 font - size 普遍使用 14px+。

2. 尽量使用偶数的数字字号。ie6 等老式浏览器对奇数字号的支持可能会有 bug。

3. 各种字体之间必须使用英文状态下的逗号隔开。

4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。

5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如 font-family: "Times New Roman";。

6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

font - weight

字重。

font-weight 属性用于定义字体的粗细，其可用属性值：lighter、normal、bold、bolder、100~900（100 的整数倍）。 数字 400 等价于 normal，而 700 等价于 bold。，700 以上等价于 bolder。

font - style

字体风格。

font-style 属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：

normal：默认值，浏览器会显示标准的字体样式。

italic：浏览器会显示斜体的字体样式。

oblique：浏览器会显示倾斜的字体样式。

italic 是字体（如宋体、微软雅黑、楷体...）的一个属性，font-style:italic 是使用了字体的 italic 属性。但是，并不是所有的字体都有 italic 属性，这时候就得用到 oblique 属性了。font-style:oblique 是单纯的使文字倾斜，不管该字体有没有 italic 属性。 一句话总结，font-style:italic 是使用了字体的 italic 属性，而当该文字的字体没有 italic 属性的时候，可以用 font-style:oblique 使文字倾斜。

font：综合设置字体样式

font 属性用于对字体样式进行综合设置，其基本语法格式如下：

选择器{font: font-style  font-weight  font-size/line-height  font-family;}

使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。

注意：其中不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用。

p {		font: oblique lighter 26px '宋体';	}

结果如下图：