| Property | 描述 |
|---|---|
| font | 在一個宣告中設定所有的字型屬性 |
| font-family | 指定文字的字體系列 |
| font-size | 指定文字的字型大小 |
| font-style | 指定文字的字型樣式 |
| font-variant | 以小型大寫字型或者正常字型顯示文字。 |
| font-weight | 指定字型的粗細。 |
1、font
font簡寫屬性在一個宣告中設定所有字型屬性。
可設定的屬性是（按順序）： "font-style font-variant font-weight font-size/line-height font-family"
p.ex1 { font:15px arial,sans-serif; } 多個font-family值用「，」隔開
p.ex2 { font:italic bold 12px/30px Georgia, serif; } //font-size/line-height 設定行與行之間的空間
ont-size和font-family的值是必需的。如果缺少了其他值，預設值將被插入，如果有預設值的話。
2、字型樣式-斜體
p.italic {font-style:italic;} //以斜體字顯示的文字
p.oblique {font-style:oblique;} //文字向一邊傾斜
區別
italic ：使用文字的斜體屬性，如果文字不存在這個屬性，則不會斜體
oblique ：是讓字型傾斜顯示，沒有斜體的字型可以使用 oblique 屬性值來實現傾斜的文字效果。
3、字型大小
font-size 屬性設定文字的大小。
如果你不指定一個字型的大小，預設大小和普通文字段落一樣，是16畫素（16px=1em）。
爲了避免Internet Explorer 中無法調整文字的問題，許多開發者使用 em 單位代替畫素。
em的尺寸單位由W3C建議。
1em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。
em的尺寸單位由W3C建議。
1em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。
使用百分比和EM組合
在所有瀏覽器中，可以顯示相同的文字大小，並允許所有瀏覽器縮放文字的大小。
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}