CSS fonts(字型)屬性用於定義字體系列、大小、粗細和文字樣式等。

1. 字體系列
   CSS使用font-family屬性定義文字字體系列。
   p{font-family:'微軟雅黑'，Arail}
   • 各種字型之間必須用英文狀態下的逗號隔開；
   • 一般情況下，如果有多個單詞用空格隔開的字型時用用引號包括起來；
   • 如果沒有特使要求時，儘量使用系統自帶的字型，以確保在任何瀏覽器上都能以同樣的效果顯示。
   • 最常見的幾個字型：body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'; }
2. 字型大小
   CSS使用font-size屬性定義文字大小。
   p{font-size:20px;}
   • PX(畫素)是我們網頁中最常用的單位;
   • 谷歌瀏覽器的預設字型大小是16px;
   • 不同瀏覽器的預設字型大小不同，所以我們儘量給設定一個字型大小；
   • 可以給body一個整體頁面的預設字型。
3. 字型粗細
   CSS使用font-weight屬性定義文字的粗細。
   div{font-weight:blod;}
   | 屬性 | 描述 |
   | normal | 預設值（不加粗的） |
   | blod | 定義粗體（加粗） |
   | 100-900 | 400等於normal不加粗；700等於blod加粗；注意後面不跟單位 |
   • 學會讓加粗標籤（P和strong等）不加粗，讓其他標籤加粗；
4. 文字樣式
   CSS使用font-style屬性定義文字風格
   P{font-style:normal;}
   | 屬性 | 作用 |
   | normal | 系統會顯示預設的字型風格 font-style：nomal; |
   | italic | 瀏覽器會顯示斜體 |
5. 字型複合屬性
   字型複合屬性可以把文字樣式綜合來寫，這樣更加節約程式碼
   body{font:font-style font-weight font-size/lin-height font-family}
   • 使用font屬性是必須按照上面的屬性來寫，不能更換順序，並且需要用空格隔開；
   • 在使用過程中必須保留的是font-size,fant-family；兩個屬性，否則font屬性不起作用
     字型屬性總結