字型的選擇，是網頁開發的關鍵因素之一。
合适的字型，對網頁的美觀度（或可讀性）有着舉足輕重的影響。
不同的作業系統、不同的版本預裝不同的字型（因為版權），幾乎沒有交集。是以，大多數開發者索性忽略中文字型，讓作業系統自行渲染，或者用圖檔呈現字型效果。
作業系統決定了開發者可以使用的字型。是以，第一步，我們必須了解作業系統到底提供哪些字型。
windows作業系統：
黑體：simhei 宋體：simsun 新宋體：nsimsun 仿宋：fangsong 楷體：kaiti 仿宋gb2312：fangsonggb2312 楷體gb2312：kaitigb2312 微軟雅黑：microsoft yahei （windows 7開始提供）
os x作業系統：
冬青黑體: hiragino sans gb （snow leopard開始提供） 華文細黑：stheiti light （又名stxihei） 華文黑體：stheiti 華文楷體：stkaiti 華文宋體：stsong 華文仿宋：stfangsong
如果使用者裝了microsoft office，還會多出一些字型。
隸書：lisu 幼圓：youyuan 華文細黑：stxihei 華文中宋：stzhongsong 方正舒體：fzshuti 方正姚體：fzyaoti 華文彩雲：stcaiyun 華文琥珀：sthupo 華文隸書：stliti 華文行楷：stxingkai 華文新魏：stxinwei
css的font-family指令，指定了網頁元素所使用的字型。下面是一個例子。
它的規則有三條。
（1）優先使用排在前面的字型。 （2）如果找不到該種字型，或者該種字型不包括所要渲染的文字，則使用下一種字型。 （3）如果所列出的字型，都無法滿足需要，則讓作業系統自行決定使用哪種字型。
根據這些規則，font-family應該優先指定英文字型，然後再指定中文字型。否則，中文字型所包含的英文字母，會取代英文字型，這往往很醜陋。
上面圖檔中，紅框内的英文字母，左邊采用英文字型渲染，右邊采用中文字型渲染，哪一種效果比較好，一目了然。
為了保證相容性，中文字型的中文名稱和英文名稱，應該都寫入font-family。比如，"微軟雅黑"的英文名稱是microsoft yahei。
此外，中文字型的中文名稱，以及由多個單詞組成的英文名稱，應該放在雙引号内。
由于windows和mac的中文字型沒有交叉，是以應該同時為兩個平台指定字型。
常見的做法是，windows平台指定"微軟雅黑"（microsoft yahei），mac平台指定"華文細黑"（stxihei）。
所謂"襯線體"（serif），指的是筆畫的末端帶有襯線的字型。
就像英文字型一樣，中文字型也可以分成"襯線體"和"無襯線體"（san-serif）。比如，對于繁體字來說，微軟正黑（microsoft jhenghei）是無襯線體，新細明體（pmingliu）是襯線體。
對于簡體字來說，微軟雅黑（microsoft yahei）是無襯線體，宋體（simsun）是襯線體。
一般來說，襯線體裝飾性強，往往用于标題；無襯線體清晰度好，往往用于正文。
（1）宋體（simsun）
宋體是最常見的中文字型，如果沒有指定字型，作業系統往往選擇它來渲染。很多人認為，這種字型并不美觀。
（2）微軟雅黑（microsoft yahei）
微軟雅黑的美觀度和清晰度都較好，可以作為網頁的首選字型。它在mac平台的對應字型是華文細黑（stxihei）。
但是，windows xp沒有預裝這種字型，這時可以選擇黑體（simhei）替代。不過，黑體比較粗，不應用于字号較小的文字。
（3）仿宋（fangsong）
這種字型是襯線體，比宋體的裝飾性更強。如果字号太小，會影響清晰度，是以隻有在字号大于14px的情況下，才可以考慮這種字型。
它在mac平台的對應字型是"華文仿宋"（stfangsong）。
（4）楷體（kaiti）
楷體也是襯線體，裝飾性與仿宋體接近，但是寬度更大，筆畫更清楚一些。這種字型也不應該在小于14px的情況下使用。
它在mac平台的對應字型是"華文楷體"（stkaiti）。
（完）