CSS 定義了 5 種通用字體系列
- Serif 字體
- Sans-serif 字體
- Monospace 字體
- Cursive 字體
- Fantasy 字體
- Serif 字體
- 這些字體成比例，而且有上下短線。如果字體中的所有字符根據其不同大小有不同的寬度，則成該字符是成比例的。例如，小寫 i 和小寫 m 的寬度就不同。上下短線是每個字符筆划末端的裝飾，比如小寫 l 頂部和底部的短線，或大寫 A 兩條腿底部的短線。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。
- Sans-serif 字體
- 這些字體是成比例的，而且沒有上下短線。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
- Monospace 字體s
- Monospace 字體並不是成比例的。它們通常用於模擬打字機打出的文本、老式點陣打印機的輸出，甚至更老式的視頻顯示終端。采用這些字體，每個字符的寬度都必須完全相 同，所以小寫的 i 和小寫的 m 有相同的寬度。這些字體可能有上下短線，也可能沒有。如果一個字體的字符寬度完全相同，則歸類為 Monospace 字體，而不論是否有上下短線。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。
- Cursive 字體
- 這些字體試圖模仿人的手寫體。通常，它們主要由曲線和 Serif 字體中沒有的筆划裝飾組成。例如，大寫 A 再其左腿底部可能有一個小彎，或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。
- Fantasy 字體
- 這些字體無法用任何特征來定義，只有一點是確定的，那就是我們無法很容易地將其規划到任何一種其他的字體系列當中。這樣的字體包括 Western、Woodblock 和 Klingon。
理論上講，用戶安裝的任何字體系列都會落入到上述某種通用系列中，但實際上可能並非如此，不過例外情況（如果有的話）往往很少。s
-----------以上引自W3School
西方國家字母體系分為兩類：serif以及sans serif。
serif是有襯線字體，意思是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同。相反的，sans serif就沒有這些額外的裝飾，而且筆畫的粗細差不多。
serif字體容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，sans serif則比較醒目。在走文閱讀的情況下，適合適用serif字體進行排版，易於換行閱讀的識別性，避免發生行間的閱讀錯誤。
sans serif強調每一個字母，serif更強調於一個單詞。
中文字體中的宋體就是一種最標准的serif字體，襯線的特征非常明顯。字形結構也和手寫的楷書一致。因此宋體一直被做為最適合的正文字體之一。不過由於強調橫豎筆畫的對比，在遠處觀看的時候橫線就被弱化，導致識別性的下降 。
----------以上引自百度百科
sans serif（非襯線字體）更適合於作為標題，強調，
serif（襯線字體）更適合於正文。
------------
具體哪些字體是sans serif（非襯線字體），哪些字體是serif（襯線字體），在dreamweaver的CSS提示框中可以查到，其他的上網搜索。
------------
引自QQ.com的CSS如下
body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋體","Arial Narrow",HELVETICA;background:#fff;}
不難看出，字體大小：12像素，行高22像素，字體：宋體，Arial，Narrow，helvetica
引自taobao.com的CSS如下
body{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
這段CSS的意思為：字體大小：12像素，行高1.5倍，即150%，1.5*12=18像素，字體：tahoma,arial,\5b8b\4f53，這里的\5b8b\4f53是漢字"宋體"的Unicode編碼，不采用 SimSun的原因是 Firefox 的某些版本和 Opera 不支持 SimSun 的寫法。
font的縮寫方式，可按以下依次順序進行編寫s
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
p.ex1{ font:italic arial,sans-serif; }
p.ex2{ font:italic bold 12px/20px arial,sans-serif; }
字體英文，unicode對照表
| 平台 |
中文名 |
英文名 |
Unicode |
Unicode 2 |
| Windows |
新細明體 |
PMingLiU |
\65B0\7EC6\660E\4F53 |
新细明体 |
| 細明體 |
MingLiU |
\7EC6\660E\4F53 |
细明体 |
|
| 標楷體 |
DFKai-SB |
\6807\6977\4F53 |
标楷体 |
|
| 黑體 |
SimHei |
\9ED1\4F53 |
黑体 |
|
| 宋體 |
SimSun |
\5B8B\4F53 |
宋体 |
|
| 新宋體 |
NSimSun |
\65B0\5B8B\4F53 |
新宋体 |
|
| 仿宋 |
FangSong |
\4EFF\5B8B |
仿宋 |
|
| 楷體 |
KaiTi |
\6977\4F53 |
楷体 |
|
| 仿宋_GB2312 |
FangSong_GB2312 |
\4EFF\5B8B_GB2312 |
仿宋_GB2312; |
|
| 楷體_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
楷体_GB2312; |
|
| 微軟正黑體 |
Microsoft JhengHei |
\5FAE\x8F6F\6B63\9ED1\4F53 |
微软正黑体 |
|
| 微軟雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
微软雅黑 |
|
| Mac OS
|
華文細黑 |
STHeiti Light [STXihei] |
\534E\6587\7EC6\9ED1 |
华文细黑 |
| 華文黑體 |
STHeiti |
\534E\6587\9ED1\4F53 |
华文黑体 |
|
| 華文楷體 |
STKaiti |
\534E\6587\6977\4F53 |
华文楷体 |
|
| 華文宋體 |
STSong |
\534E\6587\5B8B\4F53 |
华文宋体 |
|
| 華文仿宋 |
STFangsong |
\534E\6587\4EFF\5B8B |
华文仿宋 |
|
| 麗黑 Pro |
Pro LiHei Pro Medium |
\534E\6587\7EC6\9ED1 Pro |
丽黑Pro |
|
| 麗宋 Pro |
LiSong Pro Light |
\4E3D\5B8B Pro |
丽宋 Pro |
|
| 標楷體 |
BiauKai |
\6807\6977\4F53 |
标楷体 |
|
| 蘋果麗中黑 |
Apple LiGothic Medium |
\82F9\679C\4E3D\4E2D\9ED1 |
苹果丽中黑 |
|
| 蘋果麗細宋 |
Apple LiSung Light |
\82F9\679C\4E3D\7EC6\5B8B |
苹果丽细宋 |
|
| Office
|
隸書 |
LiSu |
\96B6\4E66 |
隶书 |
| 幼圓 |
YouYuan |
\5E7C\5706 |
幼圆 |
|
| 華文細黑 |
STXihei |
\534E\6587\7EC6\9ED1 |
华文细黑 |