Serif vs Sans Serif 该如何选择

字体的种类众多,但是可以分为几大类。在网页中使用的字体主要分为Serif和Sans Serif字体,这不是什么具体的字体,而是字体的分类名称。Serif字体和Sans Serif字体的区别在于Serif字体是有衬线的,而Sans Serif字体是没有衬线的。光用文字表述还不能说清楚,下面这幅图就能体现这两种字体的区别了。

左边的就是属于Serif字体的Georgia字体,这是Windows系统中自带的。右边的是属于Sans Serif字体的Arial字体,也是Windows系统中自带的字体,Arial字体在网页中使用很广泛。可以看到Serif字体在笔画末端会有衬线,而Sans Serif字体则没有。Serif字体常出现在印刷当中,而网页中使用Sans Serif比较广泛。

原因在于电脑屏幕是基于像素的,当使用Serif字体的时候如果想要达到与Sans Serif字体的可读性的话就需要增加字体大小。因为Serif字体具有衬线,所以当小于12px或者更小的情况下就会显得字幕挤成一团,辨认起来较为困难。当然还有一种平滑显示的技术,称作抗锯齿,原理就是在字母的边界增加灰色的像素,这样看起来更为平滑一些。下面这张图对比了一段文字使用了Serif字体与Sans Serif的对比以及平滑显示和没有平滑显示的文字外观。

可以看到显示效果最好的就是平滑处理后的Sans Serif字体,而未平滑处理的Serif字体是最难阅读的。当然这个情况只限于字体比较小的正文部分,所以我推荐在正文部分使用Sans Serif字体增加可阅读性,使读者阅读起来更轻松。

不过Serif字体还是有其他用途的,比如说标题。标题一般都会使用大于20px大小的字体,这样就算是Serif字体也不会难于阅读,相反Serif字体能够给人一种沉稳的厚重感。

这里使用的是Serif字体,如果要使用Sans Serif字体的话恐怕效果就会大打折扣。只有这使用大号字体的情况下才适合使用Serif字体。

因此我建议在正文部分不要使用Serif字体,这会使文字变得非常难于辨认,除非你有足够的信心能够做出出色的显示效果,否则Sans Serif字体是最佳选择。至于标题部分,没有什么限制,但是要记住不要为了可以使用某种字体而使用,页面的整体美观性是最重要的。

14 Comments

  1. 貌似觉得Serif更适合字体比较小的正文阅读,
    而今PC大部分是Win7,都启用了平滑效果,所以我认为Serif更胜一筹.
    Mac更不用说,对字体优化更明显,不过我个人更喜欢Sans-Serif,尤其是Helvetica,哈.

    Reply

Leave a Comment.