CSS中的字体样式

1. css中的字体样式

属性	说明
font-family	设置文本的字体系列
font-size	设置文本的字号大小
color	设置文本的色彩（前景色）
font-weight	设置文本的粗细
font-style	设置文本的风格（斜体样式）
font	复合属性，在一个字体的声明中设置字体的常用属性

2. css中font-family

字体家族vs特定字体：

• 字体家族指的是一系列的字体呈现出一种统一风格，是拥有相似外观的字体系统组合。
• 特定字体指的是一个单独的字体系列。
• 设定方法：font-family支持多个取值，以逗号隔开。浏览器解读时按从左到右的顺序，如果不支持一个字体，则会依次尝试下一个。也就是说，font-family属性的值实际就是一个设定字体族名称的优先表。这个优先表的最后一个通常是指定一个“字体家族”。（备注：如果字体系列名称超过一个字，必须用引号括起来形成一个完整的名称，如：“宋体”。）
• 常用技巧：font-family属性是可以被所有HTML子元素继承的属性，通常可以给元素设置一个字体作为文档的默认字体；当需要同时设置英文和中文字体时，英文字体应写在前面，因为中文字体中往往包含了英文的设置。如下所示：

font-family:"微软雅黑","宋体",arial,Helvetica,sans-serif;

常用字体家族	特定字体
Serif	Times New Roman/Georgia
Sans-serif	Arial/Verdana
Monospace	Courier New / Lucida Console

• 目前主流的安全字体（Dw中，可以借鉴代码提示给出的字体列表，然后自行整理出针对中文站点使用的列表方便调用）。

中文字体	英文字体
微软雅黑(Microsoft Yahei)	Arial
宋体(SimSun)	Georgia
黑体(SimHei)	Helvetica
苹果丽黑/冬青黑体(Hiragino Sans GB)	Times New Roman

3. css中font-size

• 字号的设定：设置字号通常分为绝对大小和相对大小两种。绝对大小以定义px（像素）单位为主，相对大小以em（倍数）或%（百分比）为单位。
• 常用技巧：通常使用绝对大小定义文档的基准字号，然后使用相对大小定义其它文本。如：定义文档默认字号为12px大小，

  呈现18px大小。中文网页中的字号设置，通常使用偶数字号，以避免文字边缘出现毛边，如14px或者22px；在PC端设置字号，最小值为12px。在移动端设置字号，最小值为20px；目前PC端中文网页中基准字号大小通常设置为12px/14px。（设置font-size时，PC端浏览器默认呈现中文字号为16px）。

4. css中的color

• 规定色彩（前景色）：color用于设置所有前景色，主要应用于文本上；color的值有多种写法，最常见的是16进制代码和基本色的英文名。

5. css中的font-weight

• 定义字体的粗细效果：尽管font-weight的值有很多（代码提示可以看到），但能看到效果的并不多；正常状态：值=normal（400），加粗状态：值=bold（700）。其中

  ~

  、、这些标签默认都有粗体的效果。

6. css中的font-style

• 定义字体的斜体

值	说明
normal	正常体
italic	斜体（字体本身具有斜体属性，常用字体都有），常用。
oblique	倾斜效果（把文本倾斜，无论其是否具有斜体属性），不常用

7. css中的font

• 属性说明：font为复合属性，即通过一句声明来指定多个字体/文本的属性；可设置的属性按顺序排列为：font-style，font-variant，font-weight，font-size/line-height，font-family；其中font-size和font-family的值是必需的。可忽略的将使用其参数对应的属性默认值。