盡管CSS中的設(shè)置選擇相對有限，但僅憑CSS語法就能設(shè)計(jì)出風(fēng)格迥異的版式。襯線或無襯線?大字體或小字體?行高、行距、字體大小、間隙。為找出現(xiàn)代網(wǎng)站設(shè)計(jì)中常用的版式設(shè)計(jì)模板，解決其中常見的一些問題，金華微網(wǎng)站開發(fā)的技術(shù)工程師們深入研究了幾十個流行網(wǎng)站，這些網(wǎng)站中版式設(shè)計(jì)的重要性非同一般，或者說，至少應(yīng)該做到不落窠臼。研究對象包括了流行報紙、雜志、博客以及各種各樣涉及版式的網(wǎng)站。工程師們仔細(xì)分析了它們的版式設(shè)計(jì)和樣式表，尋找其相同點(diǎn)與不同點(diǎn)。同時把研究結(jié)果整合在電子表格中，列出了網(wǎng)站的各種數(shù)值，比如行高與寬比。

?

?

?

?

?

?

關(guān)于襯線字體還是無襯線字體的爭論，設(shè)計(jì)者們在正文部分應(yīng)該使用襯線字體還是無襯線字體是網(wǎng)站版式設(shè)計(jì)中討論最多同時也沒有答案的話題。有些設(shè)計(jì)者傾向于把標(biāo)題設(shè)置為襯線字體，也就是在字母的筆劃末端加上一些簡短的裝飾性線條，好讓標(biāo)題更具吸引力。選擇襯線字體設(shè)置標(biāo)題的主要原因在于，在較大字體下，襯線字體不僅易讀，而且賞心悅目。另外，標(biāo)題的襯線字體與正文部分的無襯線字體之間的對比也非常有意思。有些設(shè)計(jì)者則更偏愛無襯線字體，因?yàn)樗麄冋J(rèn)為字母筆劃的末端線條可以引導(dǎo)讀者從一個字母看向下一個，從而讓瀏覽和閱讀都更方便舒適。所調(diào)查的網(wǎng)站中有三分之二在正文部分使用了無襯線字體。其中緣由可能是，盡管先進(jìn)的字體替換技巧越來越受歡迎，多數(shù)設(shè)計(jì)師還是堅(jiān)持使用主要的網(wǎng)頁字體。而其實(shí)他們只有兩種選擇：Georgia和Times NewRoman，但因?yàn)門imes New Roman使用過程中的小瑕疵，常常讓現(xiàn)代網(wǎng)站看起來很過時，所以就只剩下Georgia這一個選項(xiàng)。無襯線字體則給網(wǎng)站提供了更多的選擇。

?

令人驚訝的是，盡管字體替換技巧越來越流行，預(yù)設(shè)到系統(tǒng)中的新字體的可用性越來越高，而我們的研究對象們使用最多的卻是傳統(tǒng)字體、主要的網(wǎng)頁字體，其中只有一些例外：Lucida Grande(只有Mac系統(tǒng)才有)、Helvetica和Baskervilleo。不難看出，Arial、Georgia和Verdana字體是目前正文部分用得最多的字體類型。我們的研究顯示，80％的網(wǎng)站都會使用這三者中的一種，而其余20％的網(wǎng)站設(shè)計(jì)師們則鐘情于Helvetica和Lucida Grande字體。

?