CSS字体

字体在用户浏览时也起到重要的作用，CSS其中有几个关于字体的属性，如下：

值	描述
font-family	设置字体
font-style	设置字体的风格
font-weight	设置字体粗细
font-size	设置字体尺寸
font-variant	将小写字母转换为小型大写字母
font-stretch	对字体进行伸缩变形
font	字体属性的缩写

1. font-family

font-family属性用来设置元素内文本的字体。

字体有成千上万种，我们的电脑上不可能有所有的字体。为了让我们设置的字体能正常显示，我们可以通过font-family属性定义一个由若干字体名称组成的列表，字体名称之间使用逗号,分隔，浏览器会首先尝试列表中的第一个字体，如果不支持则尝试下一个，以此类推。

字体族	说明
serif	有衬线字体（在文字笔画的结尾添加特殊的装饰线或衬线）
sans-serif	无衬线字体（在文字笔画结尾处是平滑的）
monospace	等宽字体（每个文字的宽度都是相同的）
cursive	草书字体（该字体有连笔或者特殊的斜体效果）
fantasy	字体具有特殊艺术效果

2. font-style

font-style 属性用来设置字体的样式，例如斜体、倾斜等，该属性的可选值如下：

值	描述
normal	默认值，文本以正常字体显示
italic	文本以斜体显示
oblique	文本倾斜显示
inherit	从父元素继承字体样式

3. font-weight

font-weight 属性能够设置字体的粗细，可选值如下：

值	描述
normal	默认值，标准字体
bold	粗体字体
bolder	更粗的字体
lighter	更细的字体
100、200、300、400、500、600、700、800、900	由细到粗的设置字体粗细，100 为最细的字体，400 等同于 normal，700 等同于 bold
inherit	从父元素继承字体的粗细