同样的内容，同样的配色，两个网站放一起，一个显得高级一个显得廉价，差别八成出在字体和排版上。这是访客说不清楚但一眼就能感觉到的东西。
## 一、字号和行高被严重低估
正文十二像素、行高压得死紧，是不少老站的通病。在今天的屏幕上这就是自找罪受。
现在的合理区间：桌面端正文十六到十八像素，移动端不低于十六；行高取字号的一点六到一点八倍；正文单行宽度控制在三十到四十个汉字，太宽了眼睛回行会找错位置。这三个数字调对，可读性立刻上一个台阶。
## 二、层级要靠对比，不是靠颜色
很多页面为了区分标题和正文，把标题涂成红的、蓝的、渐变的，结果整页花得像传单。
专业做法是用字号差、字重差、留白差来建立层级。一级标题、二级标题、正文、辅助说明四档就够，每档之间拉开明显差距。颜色只用来强调极少数关键信息。
## 三、中文网页的特殊问题
中文没有词间空格，天然比英文密，所以更需要留白。段间距要给足，标题上方的间距要大于下方的间距——这样标题在视觉上才归属于它下面的段落。
另外中英文混排时，数字和英文单词两侧留一点空隙，观感会明显干净。标点也要注意，全角半角混用是最伤专业感的细节之一。
## 四、字体加载不能拖慢首屏
想用漂亮的中文字体，必须先面对一个现实：一套完整的中文字库动辄好几兆，直接加载会让首屏白屏好几秒，得不偿失。
可行的路子有两条：一是标题用字体子集化，只打包页面真正用到的那些字，体积能压到几十 KB；二是正文老老实实用系统字体栈，让不同设备各自调用本机最优中文字体，零加载成本还不会出错。我们做站默认走第二条，只在关键视觉位置用子集化字体。
## 五、别忘了移动端
桌面端排得再好，手机上字挤成一坨也白搭。断点要单独调字号和间距，而不是简单缩放。表格和长英文串在窄屏上尤其容易溢出，上线前必须逐页检查。
排版这件事没有捷径，是逐页调出来的。我们交付的站会把这些细节做完再上线。
—
官网要新建、要重做、要加功能？微信 jeans2045、QQ 361611074，先聊清楚需求再给方案报价。18 年只做一件事：把网站做好、做久。