CSS

字体

字体系列

字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。

在CSS中，有两种不同类型的字体系列名称：

• 通用字体系列 - 拥有相似外观的字体系统组合（比如“Serif”或“Monospace”）
• 特定字体系列 -具体的字体系列（比如“Times”或”Courier“）

CSS定义五种通用字体：

• Serif
• Sans-serif
• Monospace
• Cursive
• Fantasy

通用字体系列

body {font-family: sans-serif;}

指定字体系列

h1 {font-family: Georgia;}

通用与指定结合

h1 {font-family: Gerogia, serif;}

如果用户代理上没有安装Gerogia字体，但安装了Times字体（serif字体的一种），就可以对h1元素使用Times。
注意：当字体名字中有空格时，要使用引号。

字体风格

font-style属性常用语规定斜体文本。

• normal -文本正常显示
• italic -文体斜体显示
• obliqur - 文本倾斜显示

字体变形

font-variant属性设定小型大写字母。即缩小的大写字母。

字体加粗

font-weight属性设置文本粗细。

• bold 粗体
• 100~900 -100最细，900最粗，400等价normal，700等价bold.

字体大小

font-size属性设置大小，可以是绝对值或相对值。

• 使用像素（px）或em设置字体大小。
  1em=16px
• 结合使用百分比和EM

body {font-size: 100%;}
h1 {font-size: 3.75em;}
h2 {font-size: 2.5em;}
p {font-size: 0.85em;}

调节百分比缩放文本大小