有位客户提了三次意见：字再大点。设计师很委屈，正文一直是16px，行业里都这么定。后来我把页面投到客户的手机上看，明白了——他手机开了系统大字模式，页面没跟随适配，字显得格外小。手机网站建设的排版，字号只是表象，行距、段落、对比度这些一起构成了阅读舒适度，这篇把规范一次说全，可以直接甩给设计师。
字号的下限和层级
正文16px起步，这是底线，低于14px的正文在手机上就是考验视力。层级从上往下：页面主标题28到32px，区块标题20到22px，正文16px，辅助说明和版权信息最小14px，再小的字就别出现了，看不清的信息等于没放。还有一条常被忽略：关闭页面自身的字体缩放限制，让系统大字模式能生效。老年客户占不少行业的客群大头，他们手机里默认就是大字，页面不支持，等于把他们挡在门外。标题别用加粗解决一切，层级靠字号和间距区分，全是粗体反而没有重点。
行距和段落，是呼吸感的关键
正文行距设为字号的1.6到1.8倍，16px的字配26px左右的行高，读起来是松的；行距压到1.4以下，两行字挤在一起，客户读三行就累。段落长度同样重要：手机上一段控制在三到五行，一段只说一个意思，段落之间空一行或留出明显间距。见过不少站把电脑稿的千字长段原样搬过来，手机上就是一堵字墙，谁看谁晕。两侧留白也有讲究，正文左右各留16到24px的边距，字别顶到屏幕边上，顶着边的排版怎么调字号都显得挤。
对比度，别为了好看牺牲可读
浅灰字配白背景是设计圈流行过一阵的风格，好看是好看，户外强光下什么都看不见。正文字色和背景的对比度要守住底线：深灰优于浅灰，正文别用低于中等灰度的颜色；大段文字别用纯黑配纯白，长时间读刺眼，用深灰底色微调更舒服。彩色文字只用于链接和强调，正文上了彩色，重点反而消失。拿不准就用对比度检测工具跑一遍，低于标准的直接调。排版规范定好后写进设计交付要求里，手机网站建设换设计师或改版时，新稿照着标准验，风格可以变，可读性的底线不能松。
- 正文16px起，辅助文字最小14px
- 行距1.6倍以上，段落三到五行
- 支持系统大字，别锁死缩放
- 对比度过检测线，别追浅灰风
建议：把这篇的数字直接写进设计需求，验收时拿中老年同事的手机实测一遍字号体验；排版问题积压多了不好返工，可以让比格网络这类团队先出一页样板稿，字号行距都按规范来，确认了再铺全站。
