网页设计中除了图片的展示之外，还有一个最重要的部分——字体。字体的作用除了是注释说明、内容介绍，另外还承担了装饰页面、撑起页面空间的效果。字体的美观与否、可读性、舒适性，直接影响了网站的风格气质，影响了用户对于网页的评价。所以，选择一个合适的字体，显得尤为重要。

字体的美观与否、可读性、舒适性，直接影响了网站的风格气质

一、字体基本知识

字体：文字的外在形式和特征，是字体艺术和文化的外在体现。不同的字体有其性格、气质，影响着网页的页面风格。

字体的类型：衬线体、无衬线体、书法体（手写体）

衬线体笔画开头和末尾有装饰性的部分，所以笔画的粗细略微不同。衬线体一般给人比较优雅、精致，易读性较高，一般运用于传统印刷的正文中。

无衬线体是相对于衬线体而言，去掉了笔画部分的装饰，笔画粗细基本一致。无衬线体一般给人时尚、利落、轻松、大方的感觉。一般运用于标题或者较短文字部分。由于在网页中，无衬线体也能保证良好的可读性和赏心悦目，且更加简约，网页页面显示一般都选用无衬线体。

书法体（手写体）的字形都有不同的形式和区别，传统书法体有行书、草书、隶书、篆书和楷书五种。艺术性比较强，一般可用于装饰或风格比较强的页面展示。

字号：字体的大小（英文是占一个字符宽度、中文是占两个字符宽度），所以这里字体大小指的是高度。

字重：一种字体下不同笔画粗细的字形。一般情况下，为了页面良好的视觉效果，会给字体实际运用的标题、正文、注释等给与不同的字重考虑。

行高：行高是字号及上下肉眼不可见的部分，但却影响着字体的韵律与秩序。如果了解前端代码的同学都知道，通过对行高（line-height）的控制，可以调整字体的位置和行间距。

字间距：字体之间的间隔的距离，控制着字体的可读性与协调性。

行间距：行与行的距离，是一段文本的负空间（留白）部分，行间距影响着的文本的易读性和美观，需要让文本具有"呼吸感"。一般行间距设置在行高的一倍到两倍之间。

段间距：字面意思，段与段的距离，是段落文本的负空间（留白）部分，段间距影响着的文本的易读性，一般只要保证可读性和美观即可，最简单的做法可以空一行。

二、字体的选择

根据以上的字体基本知识，我们可以考虑不同情境下网页字体的选择。

1、 规范化：字体在选择时避免选择太多套字体，造成混乱，阅读识别的时间增加。另外，同一套字体，应用在标题、正文、导航、说明等类别时，应该有协调的的字号或字重，确保层级的识别性。

2、 不同操作系统的下推荐字体：

中文：Windows——微软雅黑、Mac——苹方

英文：Windows——Helvetica/Arial、Mac——Helvetica Neue

文末小结

网页中字体的选择，只要遵从基本的规则，确保可识别性和易读性，没有非常难的地方。设计中设计师最基本的是要适应规则，之后再去打破规则。打破规则的前提是自己较高的审美水平下，独特的风格展现。