瀏覽器中展示網(wǎng)頁文字內(nèi)容時(shí)，文字字體都會(huì)按照設(shè)計(jì)師在css中定義的字體族的順序來進(jìn)行顯示。

什么是字體族？字體族就是你在css代碼中看到“font-family”的代碼內(nèi)的一類字體名稱，例如下面這行代碼：

font-family:"Comic Sans MS","幼圓","黑體",sans-serif;

按照W3C標(biāo)準(zhǔn)，瀏覽器在解析一行代碼時(shí)首先會(huì)在系統(tǒng)中查找Comic Sans MS字體，如果系統(tǒng)內(nèi)存在這個(gè)字體那么瀏覽器就會(huì)使用Comic Sans MS字體，如果沒有的話就接著查找幼圓字體，以此類推直到瀏覽器可以表達(dá)系統(tǒng)存在的字體為止。

注意了，“sans-serif”不是某個(gè)字體的名稱，而是一種在前面敘述的字體都無效時(shí)而最終選用的字體，稱為瀏覽器通用字體，它取決于你所用的瀏覽器默認(rèn)的通用字體是什么，可能是“Arial”，也有可能是“Helvetica”。(sans-是法語前綴“沒有”的意思，意思是“無襯線字體”，無襯線字體我們接下來會(huì)有介紹)。這種情況是設(shè)計(jì)師應(yīng)當(dāng)盡量避免的，設(shè)計(jì)者應(yīng)該盡可能給出齊全的字體設(shè)定(font set),以最大限度覆蓋所有系統(tǒng)是為上策。

那么，你可能會(huì)問了，萬一系統(tǒng)中都沒有瀏覽器想要表達(dá)的字體時(shí)，怎么辦？

那么瀏覽器會(huì)顯示該字體的缺字符，缺字符是字體中的特殊字符，通常顯示為一個(gè)方塊，所以有時(shí)候小編看到網(wǎng)頁上都是方塊時(shí)感到很囧。請(qǐng)注意，還有一種情況瀏覽器也會(huì)顯示方塊，那就是有某種字體A系統(tǒng)中存在，而恰好也被瀏覽器采納了，但是字體A中有個(gè)字符B是該字體中不存在的，那么瀏覽器也會(huì)以缺字符取代字符B的位置，表示空缺(瀏覽器表示壓力很大)。

字體的css命名規(guī)則叫做“font-family”，但不等同于印刷意義上的font-family，實(shí)質(zhì)上應(yīng)該稱作font set，印刷上的font-family是指一系列相同字樣的不同強(qiáng)度組合，例如Lucida Family、Arial Family等。

字母“M”中上下方突出的短橫線就是所謂的襯線，同理，“y、F、K”的上下方都用短橫線進(jìn)行了突出顯示，為了彌補(bǔ)短橫線的僵硬感又對(duì)曲折部分進(jìn)行了園角加強(qiáng)處理，所有這類末端進(jìn)行了加強(qiáng)的字體均稱為襯線字體。我們經(jīng)常在印刷出版物中看到這種字體，因?yàn)樗鼈冿@示得很小，但可讀性依然非常好，所以在印刷行業(yè)中被普遍使用，以降低成本。

在這里總結(jié)了幾套實(shí)用、簡(jiǎn)單的字體族以供大家參考：

Tahoma系的中性字體，推薦在13px以上的環(huán)境中實(shí)用，Tahoma字體是小編最常用的字體，它的清爽在Windows系統(tǒng)中的默認(rèn)字體里無可替代。

font-family:"Tahoma","Helvetica","Arial","Sans-serif;