大多数企业主在委托做网站时，会就标志、颜色和图像征求意见，却很少有人过问排版。这是一个被错过的机会，因为在一个网站上，排版承担的视觉工作比任何单一元素都多。字体、字号和间距的选择，决定了一个网站是显得高级、考究、可信，还是业余、像套模板。
好的排版是隐形的。糟糕的排版在漫不经心的眼睛看来也是隐形的，但它会渗出一种”这个品牌不太整齐”的感觉，在没人说得清原因的情况下拉低感知质量。下面讲讲优秀的网页排版究竟是什么样，以及如何在不成为设计师的前提下做到。
两种字体，而非五种
大多数网站上的业余错误，是用了太多字体：一个衬线标题、一段无衬线正文、一个手写体做标志、一个斜体放引用，再加一个单独的字体给按钮。结果看起来像一张字体样张，而不是一个品牌。
专业的默认做法是两种字体：一种用于标题（更有个性，奠定品牌气质），一种用于正文（勤恳耐用，小字号下也易读）。有时再加第三种，用于数据表格或代码等非常具体的用途。超出这个范围，就需要一个充分的理由。
衬线还是无衬线并不是问题所在
“衬线正式、无衬线现代”这条老规矩已经过时。在 2026 年，一款排布得当的衬线体，可能比排布糟糕的无衬线体更显当代，反之亦然。真正该问的是：这款字体是否有足够的字重覆盖每种用途（至少要有 regular、bold、light、斜体）？它在设计所用的字号下渲染得好吗？它是否契合品牌的语气？
《悉尼先驱晨报》用衬线体，显得权威；Stripe 用无衬线体，显得精准。两者都显得高级。衬线与无衬线之间的取舍，远不如”选一款用心设计过的字体”来得重要。
字号与层级
一套好的排版系统有清晰的比例。商业网站上一套典型的模块化比例可能是：12px（图注）、16px（正文）、18px（导语段落）、24px（H3）、32px（H2）、48px（H1）、64px（首屏大标题）。每一级都是下一级刻意设定的倍数。
那些临时决定字号的网站（”这个标题得再小一点””这个再大一点”）最终会在全站冒出十一种不同的字号，毫无视觉节奏。尽早把比例锁定，然后克制住发明新字号的冲动。
行高比你以为的更重要
文字行与行之间的间距（CSS 里的 line-height）是排版中最被低估的因素之一。行高在 1.5 到 1.7 之间的正文，读起来轻松、舒适。行高 1.2 的正文则显得拥挤而业余。标题往往需要更紧凑的行高（1.1 到 1.2），才会显得扎实。
大多数现成的 WordPress 主题出厂时行高是 1.5，而且从未被调整过。花半小时把全站的行高调一遍，带来的改善是始终看得见的。
行宽：一行的长度
最适合阅读的行长在每行 50 到 75 个字符之间。比这更宽，眼睛就会跟丢自己读到哪一行；比这更窄，节奏又会变得零碎。
在一个典型的 WordPress 网站上，正文内容栏的宽度大约应在 680 到 780 像素之间，读起来才舒服。那些在桌面显示器上任由正文铺满整个屏幕宽度的网站，是在无意中让阅读体验变得更糟。
看起来很贵的免费字体
优质字体早已不是预算问题。Google Fonts 和 Bunny Fonts 都免费托管着成千上万款字体。以下几款在 2026 年特别适合商业网站搭配使用：Inter（干净现代的无衬线体）、Manrope（个性稍强一些的无衬线体）、Source Serif 4（出色的正文衬线体）、Fraunces（高对比度的展示型衬线体），以及 IBM Plex（一整套搭配良好的字体家族）。
想显得高级，你不需要付费字体，你需要的是精心挑选、并始终如一地使用的字体。
大多数网站栽在哪里
商业网站上最常见的排版失败，是直接沿用主题的默认样式、从不改动。主题选了一款通用字体，设了一个通用行高，通篇只用一种字重。网站在技术上是能用的——但它看起来也和另外一千个用同一主题的网站毫无区别。
解决办法是一次一天的排版梳理：挑两款字体、锁定一套字号比例、有意识地设置行高、约束正文行宽，并始终如一地应用这些改动。Defyn 的网页设计团队会把这样的排版梳理纳入大多数设计焕新之中，而感知质量的提升，通常在开工第一天之内就看得见。
排版是企业能做的最安静的品牌投资，也是回报最高的投资之一。一次做对，接下来三年里你发布的每一个页面，都会显得考究。
