尽管CSS中的设置选择相对有限，但仅凭CSS语法就能设计出风格迥异的版式。衬线或无衬线?大字体或小字体?行高、行距、字体大小、间隙。为找出现代网站设计中常用的版式设计模板，解决其中常见的一些问题，金华微网站开发的技术工程师们深入研究了几十个流行网站，这些网站中版式设计的重要性非同一般，或者说，至少应该做到不落窠臼。研究对象包括了流行报纸、杂志、博客以及各种各样涉及版式的网站。工程师们仔细分析了它们的版式设计和样式表，寻找其相同点与不同点。同时把研究结果整合在电子表格中，列出了网站的各种数值，比如行高与宽比。

 

 

 

 

 

 

关于衬线字体还是无衬线字体的争论，设计者们在正文部分应该使用衬线字体还是无衬线字体是网站版式设计中讨论最多同时也没有答案的话题。有些设计者倾向于把标题设置为衬线字体，也就是在字母的笔划末端加上一些简短的装饰性线条，好让标题更具吸引力。选择衬线字体设置标题的主要原因在于，在较大字体下，衬线字体不仅易读，而且赏心悦目。另外，标题的衬线字体与正文部分的无衬线字体之间的对比也非常有意思。有些设计者则更偏爱无衬线字体，因为他们认为字母笔划的末端线条可以引导读者从一个字母看向下一个，从而让浏览和阅读都更方便舒适。所调查的网站中有三分之二在正文部分使用了无衬线字体。其中缘由可能是，尽管先进的字体替换技巧越来越受欢迎，多数设计师还是坚持使用主要的网页字体。而其实他们只有两种选择：Georgia和Times NewRoman，但因为Times New Roman使用过程中的小瑕疵，常常让现代网站看起来很过时，所以就只剩下Georgia这一个选项。无衬线字体则给网站提供了更多的选择。

 

令人惊讶的是，尽管字体替换技巧越来越流行，预设到系统中的新字体的可用性越来越高，而我们的研究对象们使用最多的却是传统字体、主要的网页字体，其中只有一些例外：Lucida Grande(只有Mac系统才有)、Helvetica和Baskervilleo。不难看出，Arial、Georgia和Verdana字体是目前正文部分用得最多的字体类型。我们的研究显示，80％的网站都会使用这三者中的一种，而其余20％的网站设计师们则钟情于Helvetica和Lucida Grande字体。