网站设计字体选不好，整体质感直接掉一档

      有个客户跟我吐槽，说他们新站被人讲看着像小作坊。我打开看了一眼，结构没问题，颜色也没问题，问题在字上。文字全站同一个字号、同一个粗细，标题和正文几乎没区别，读起来像一份说明书。

字体这个事，在网站设计里属于最不显眼、又最藏不住的那一类。客户可能说不出哪里不对，但一眼就觉得不高级。

先说最常见的坑：中文用宋体做屏幕正文。宋体是印刷时代的产物，笔画细，衬线多，印在纸上好看，投到屏幕上就发虚，尤其在小字号下。屏幕正文老老实实用黑体类，笔画均匀，看着稳。宋体留给需要书卷气的标题，或者干脆不用。

第二个坑是不设字体，让浏览器自己决定。这样做的结果是，同一个网站在苹果电脑、安卓手机、Windows 上显示的字体都不一样，行距也不一样，排版好的版面到了客户手机上可能全乱。这不难解决，指定一套优先级队列，前面是理想字体，后面跟系统兜底字体，每个平台都能对上。

      第三个坑是字体用得太多。一个页面出现四五种字体，标题一种、副标题一种、正文一种、按钮一种，看起来有设计感，实际是乱的。规范的做法是控制在两套以内，一套中文一套英文数字，靠字号、字重、颜色来做层级，不是靠换字体。标题和正文拉开对比，用加粗和字号就够了。

第四个是行高和字间距。中文的行高给到 1.6 到 1.8 之间读着最舒服，太紧凑会闷，太松散会散。字间距一般不用动，但字号越小越要留一点。这些参数在网站设计阶段就该定下来，写成规范，后面加内容的人照着套就行。

第五个坑很多人栽过：字体版权。网上随便下载的字体，很多只允许个人使用，商用要授权，而且是按年或者按项目收费。等收到律师函再换字，全站的视觉都得分批改，代价比当初买授权高得多。不确定来源的字体，别用。

第六个是中英文混排。中文字和英文数字在同一行，基线、字号往往不匹配，看着别扭。解决办法是英文数字单独指定一个字族，通常是西文字体，然后把两个字号微调对齐。

还有个小细节：标点。中文句子用英文逗号，或者句号后面多一个空格，这些在页面上很扎眼。写内容的人和做页面的人如果不管这些，再好的字体也救不回来。

字体选得好，网站不会因此被夸；选得不好，客户会立刻觉得档次掉了。它就是这么一门不讨巧的基本功。