你有没有过这种体验——文章写得挺认真，配图也用心，结果发出去后，朋友说“想读但眼睛累”，自己拿手机一看：字小得像在找二维码，划两下就放弃了。

问题大概率不在内容，而在字体大小。它不炫酷，不花哨，但直接决定用户是往下读，还是立刻关掉。

为什么你精心排版的文章，用户却读不下去？

你挑了款喜欢的字体，正文设成12px，觉得清爽干净。可现实是：30岁以上的人，在手机上读12px的字，跟看显微镜差不多。

我帮一个做知识类公众号的朋友调过版。他内容扎实，但读者总说“读不进去”。我把正文从14px调到18px，行宽同步缩到每行65个字左右。没动一个标点，没改一句文案。一周后，阅读完成率明显提升，中途退出的人少了一大截。

人眼不是屏幕，不会配合你“忍一忍”。字太小，眼睛就酸；眼睛一酸，大脑自动判定：“这不值得看”，然后手指就滑走了。这不是挑剔，是身体在抗议。

3个数字，帮你立刻判断当前字体是否太小

别凭感觉猜。打开页面，对照这三个关键值：

1. 正文：16px是底线，18px更稳妥

桌面端网页，正文别低于16px。Google 和 Apple 的设计指南都建议这个起点。放到手机上？16px已经偏紧，18px才是多数人真正能轻松读完的起始值。

2. 行高：1.5倍是及格，1.6–1.7倍更舒服

字号只是第一步。行与行之间留多少空白，直接影响阅读节奏。1.5倍行高勉强能看，1.6倍以上，文字才有呼吸感。想象一下：字挨得太近，像挤在电梯里，谁还想多待？

3. 标题：至少比正文大1.5倍

如果正文是18px，H2标题至少27px，H1可以到36px。标题不是装饰，是眼睛扫视时的第一落点。太小，用户根本注意不到重点在哪。

你现在就能打开浏览器开发者工具（右键→检查），找到 body 或 p 标签的样式，一眼看清这几个值。如果正文写着 14px，别犹豫，先改成 18px。

移动端和桌面端，为什么必须分开设置？

用同一套字号适配所有设备，等于让所有人穿同一双鞋走路——有人脚大，有人脚小，最后谁都走不利索。

移动端：起步就是18px

手机离眼约30厘米，字体小一点，信息就糊成一片。很多做得好的资讯App，正文直接用20px，配上1.6倍行高，读起来像翻纸质杂志。顺便提醒一句：行宽控制在60–70字符，眼睛不用来回横扫，自然读得久。

桌面端：16–18px最常用，别轻易冲到20px以上

显示器大、距离远，字号可以稍小。但超过20px，又没控好行宽的话，一行字稀稀拉拉，反而让人读着费劲。尤其长段落，眼球移动越少，注意力越稳。

一个小动作测试：把手机和电脑并排放，打开同一篇文章。如果手机上你下意识想双指放大，或者电脑上要凑近看，那字号肯定没配对。

字体选择会影响可读性吗？这3个原则帮你避坑

再大的字号，遇上错的字体，照样白搭。很多人一上来就想选“有调性”的字体，结果用户第一反应是：“这字怎么这么难认？”

原则一：中文优先选无衬线体

宋体、Times New Roman 这类带小装饰角的字体，在纸上好看，在屏幕上容易发虚。微软雅黑、思源黑体、苹方（PingFang SC）这些无衬线体，笔画干净利落，小字号下依然清晰。

原则二：别用太细的字重

有些字体提供 thin 或 light 字重，看着高级，但在白底上几乎隐形。正文老实用 regular 或 medium，标题加粗用 bold 就够了。

原则三：中英文混排时，别硬凑一套字体

中文笔画密，英文线条疏，强行用同一款英文字体压中文，视觉上会失衡。常见做法是：中文字体用系统默认（比如 Mac 用 PingFang SC，Windows 用微软雅黑），英文字体配 San Francisco 或 Helvetica，整体才协调。

怎么测试你的字体大小合不合格？3分钟搞定

别靠“我觉得还行”，试试这三个接地气的方法：

方法一：截图发给长辈看

用手机截一张正文页，微信发给你爸妈或常看手机的亲戚。如果他们回你：“字有点小，我得拿远点看”，那就是警报响了。真实，零成本，最有效。

方法二：浏览器手动放大125%

在 Chrome 或 Safari 打开你的页面，按 Cmd +（Mac）或 Ctrl +（Win）放大到125%。如果放大后突然顺眼了，说明原始字号确实不够友好。理想状态是：放大只是锦上添花，而不是救命稻草。

方法三：用浏览器自带的无障碍检查

Edge 和最新版 Chrome 都内置了无障碍审查功能（右键→检查→Lighthouse 或 Accessibility 标签页）。跑一次检测，重点关注“文本对比度”和“字体大小是否足够”。对比度低于4.5:1，再大的字也吃力。

1个今天就能执行的操作步骤

现在，关掉这篇文章，打开你的网站后台或本地代码编辑器。找到控制正文样式的 CSS 文件（通常是 style.css 或主题设置里的自定义CSS），把这两行改掉：

font-size: 18px;
line-height: 1.6;

保存，刷新页面，立刻用手机打开看看。如果字变大了、行距松了、眼睛不酸了——恭喜，你刚刚干了一件最实在的用户体验优化。
如果觉得略大，就调回 16px，再试一次。
不用重做封面，不用换字体，不用调整整站结构。就这一步，今晚就能感受到变化。