网站字体设计很重要？

上彀在线阅览，是大多人获取信息的重要途径。用户会在网上阅览到很多的新闻及各类文章，特别是网络小说，这些页面展现的主体便是通篇大段的文字。关于这种看似简略的文字堆砌的页面，有没有人诉苦过：“这样的页面还需要出作用图啊?”作为页面描绘师的你是如何处置这样的界面的?

　　是习惯性的运用宋体字或许微软雅黑?

　　是直接设为12px或许14px的字号?

　　你有想过为何要运用这种字体、字号吗?

　　你有思考过文字排布与阅览功率的联系吗?

　　你的页面布景会影响到用户的阅览舒适度吗?

　　让咱们从以下5个元素具体分析。　字体、字号

　　字体和字号这两个元素有必要捏在一起说。

　　字体分为衬线体(serif)与非衬线体(sans serif)。简略的说，衬线体(serif)便是带有衬线的字体，笔画粗细不一样并带有额定的装修，开端和结束有显着的笔触(如下图)。常用的英文衬线体有Times New Roman和Georgia，中文便是咱们在windows下最常见的中易宋体。

　　与衬线体相反，无衬线装修，笔画粗细无显着查区别的字体便对错衬线体(sans serif)。Arial、Helvetica、Verdanad都是咱们了解的英文非衬线体，中文有微软雅黑和mac下默许的中文-华文细黑。

　　

　　在曩昔，遍及认为有笔触装修的衬线体，可进步辨识度和阅览功率，更适合做为阅览的字体。多用于报纸、书本等印刷品的正文。非衬线体丰满夺目，常用做标题或许用于较短的阶段。

　　很长一段时间里，在互联网上咱们会注意这样的一个表象，国外网站大多数以非衬线体为主，而中文网站根本便是宋体。其实不难理解，衬线字体笔画有粗细之分，很小字的情况下细笔画就被弱化，受限于电脑的分辨率，10-12px的衬线字体在显现器上是适当难辨认的(见下图);同字号的非衬线体笔画简练而丰满，更适于做页面字体。windows下，中文宋体小字点阵的特性，12px、14px的字号显现依然适当明晰漂亮，便于阅览。这也便是为何大多页面描绘制作人员简单机械性的选用特定字号或英文或中文的字体。

　　如今跟着显现器越来越大，分辨率越来越高，经常会觉得看12px的文字有点费劲，做为描绘师也会不自觉的开端很多运用14px的字体，并且越来越多的网站开端运用15、16px乃至18px以上的字号做正文文字。大字号的运用，对英文字体来讲，衬线体的高辨识度和流通阅览的优势就体现出来了。中文宋体在显现14号以上字体时，单线条大字总是看上去有些单薄不那么和谐，特别是这款点阵字在ClearType(http://baike.baidu.com/view/755822.htm) 强迫滑润显现状态下特别显得模糊不清。微软雅黑便是微软在这个字体显现问题上的解决方案。

　　让咱们别离对比下中英文的衬线体与非衬线体在不一样字号时的显现作用。

　　英文以Times和Verdanad为例，中文以宋体和微软雅黑为例。