做网站七年，我见过太多小白设计师把字体调得跟大字报似的，或者小得像蚂蚁搬家，用户看一眼就关。这篇不整虚的，直接告诉你正解，帮你省下那些因为排版丑而流失的客户。
咱们干这行的都知道，PS里做图跟写代码不一样，代码里用rem或者vw自适应，PS里你得把像素（px）定死。很多新手问我：“老师，ps做网站字体用多大的合适？” 我一般先反问一句：“你做的是手机端还是电脑端？” 这问题不问清楚，后面全白搭。
先说电脑端，也就是PC站。现在主流分辨率是1920x1080，但实际可视区域没那么大。正文内容，别超过16px，也别小于14px。14px是底线，再小用户得眯着眼看，体验极差。标题的话，H1一般18-24px，H2是16-18px。记住，字号不是越大越霸气，而是越清晰越舒服。我在给一家本地餐饮店做官网时，老板非觉得标题要32px才醒目，结果整页密密麻麻，看着累得慌。后来我改成20px，配合加粗和行间距，反而显得高级。
再说手机端，这玩意儿坑最多。手机屏幕小，手指头粗，点击区域得够大。正文必须16px起步，这是为了不让iOS系统自动放大字体。很多设计师为了省空间，搞个12px的正文，用户一看，好家伙，直接缩放页面，布局全乱。移动端标题H1可以用20-24px，但别太夸张。
颜色搭配也是个大学问。别用纯黑#000000，太刺眼。用深灰#333333或者#2C2C2C，柔和多了。背景别纯白，稍微带点灰#F5F5F5，对比度适中，看着不累。行间距（line-height）是关键，正文至少1.5倍，标题1.2-1.3倍。很多小白忽略这个，字挤在一起，像便秘一样。
避坑指南：第一，别用系统默认字体，像宋体、黑体，在不同设备上显示效果天差地别。推荐用思源黑体、苹方，或者引入Google Fonts。第二，字号单位统一用px，别混用em或rem，PS里不支持，导出代码时容易乱。第三，测试！测试！测试！做完图，截图发到微信文件传输助手，用手机看效果。别信电脑上的预览，手机屏幕小，细节全出来了。
我有个客户，做企业官网，非要搞个艺术字体做标题，结果加载慢，还模糊。我劝他换成常规字体，加个阴影效果，既美观又实用。最后客户说：“还是你懂行，这字体看着就正规。” 这就是经验，不是书本上能学到的。
再聊聊响应式设计。虽然PS做静态图，但你要考虑到不同屏幕。PC端正文16px，移动端16px，但移动端行间距要更大，比如1.8倍。因为手指滑动时，行距太近容易点错。
最后，别纠结于像素级的完美。用户不是像素眼，他们关注的是内容是否清晰、阅读是否流畅。字体大小只是手段，不是目的。把重点放在内容排版和视觉层次上，字体大小自然和谐。
总之，ps做网站字体用多大的，没有绝对标准，但有黄金法则：PC端正文14-16px，移动端16px起步，标题适度放大，行间距充足，颜色柔和。照着做，至少能避开80%的坑。别听那些“越大越好”的鬼话，用户体验才是王道。
希望这篇干货能帮到你，要是还有疑问，评论区见，我尽量回。毕竟，建站这行，互助才能走得远。
