<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字體的分類</title>
<style type="text/css">
p{
font-family: arial , 微軟雅黑 , 華文彩雲 , serif;
}
</style>
</head>
<body>
<!--
在網頁中將字體分成5大類：
serif（襯線字體）
sans-serif（非襯線字體）
monospace （等寬字體）
cursive （草書字體）
fantasy （虛幻字體）
可以將字體設置爲這些大的分類,當設置爲大的分類以後，
瀏覽器會自動選擇指定的字體並應用樣式
一般會將字體的大分類，指定爲font-family中的最後一個字體
-->
<p style="font-size: 50px; font-family: serif;">襯線字體：我是一段文字，ABCDEFGabcdefg</p>
<p style="font-size: 50px; font-family: sans-serif;">非襯線字體：我是一段文字，ABCDEFGabcdefg</p>
<p style="font-size: 50px; font-family: monospace;">等寬字體：我是一段文字，IHABCDEFGabcdefg</p>
<p style="font-size: 50px; font-family: cursive;">草書字體：我是一段文字，ABCDEFGabcdefg</p>
<p style="font-size: 50px; font-family: fantasy;">虛幻字體：我是一段文字，ABCDEFGabcdefg</p>
</body>
</html>
