# 字體樣式
[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;
}
~~~

## 簡寫屬性
font 簡寫屬性在一個聲明中設置所有字體屬性。
可設置的屬性是(按順序): "font-style font-variant font-weight font-size/line-height font-family"
~~~css
p {
font:italic bold 12px/30px Georgia, serif;
}
~~~