# 字体样式
[TOC]
CSS字体属性定义字体,加粗,大小,文字样式。
## 字体类型
`font-family`属性设置文字的字体系列,类似于Word字体。多个字体之间可以使用都号分隔。
~~~css
p {
font-family:黑体,宋体;
}
~~~
>[info]`font-family` 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。
## 字体样式
`font-style`属性设置字体样式,该属性主要是用于指定斜体文字的字体样式属性。
~~~css
p {
font-style:italic;
}
~~~
这个属性有三个值:
* 正常 - 正常显示文本
* 斜体 - 以斜体字显示的文字
* 倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)
>[success]字体设计的时候,一般有正常,斜体两种形式。但是有的字体没有设计斜体的形式。italic和oblique都是右倾斜文字,但区别在于italic是指斜体,而oblique是指倾斜的文字,对于没有斜体的字体,强制倾斜。
## 字体大小
`font-size` 属性设置文本的大小。
~~~css
p {
font-size:19px;
}
~~~
>[info]不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落。请务必使用正确的HTML标签。
## 字体粗细
`font-weight`属性用来设置字体的粗细
~~~css
p {
font-weight:bolder;
}
~~~
![](http://cndpic.dodoke.com/593644793c9793ee7116786da731f623)
## 简写属性
font 简写属性在一个声明中设置所有字体属性。
可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family"
~~~css
p {
font:italic bold 12px/30px Georgia, serif;
}
~~~