网页字体大小先按内容角色设置：正文保证连续阅读，标题帮助定位，辅助说明降低视觉强调但仍要看得清。以帮助中心文章为例，可以从正文16px、二级标题24px、文章标题32px开始比较，再结合字体、列宽和设备调整；这些是设计起点，不是所有网页通用的标准。设置后还要检查长文本、行高以及浏览器放大后的显示。
字号需要放回完整页面判断。在Pixso网页设计中，可以把同一篇帮助说明放入宽、窄两套画板，对照标题换行、正文密度和按钮高度，再把文字样式交给开发。
1. 怎么设置网页字体大小
网页字体的大小会影响视觉层级。较大的文字适合标题或需要强调的区域，较小的文字可以用于次要说明；但重要的费用、限制或操作反馈不能因为属于“辅助信息”就被缩得难以阅读。标题与正文之间的字号差距会改变画面的节奏，字号差距较大时层级更鲜明，较小时画面更平稳。
先确定正文，再向上建立标题层级，比先画一个很大的标题更容易控制整页。以下用帮助中心的“如何修改通知设置”作为例子：
- 文章标题：先以32px检查两行长标题，不把高度锁死在单行。
- 章节标题：以24px与正文拉开层级；让读者扫过页面时能找到操作步骤。
- 正文：以16px作为比较起点，放入完整的中文句子、英文菜单名和数字，而不是占位短句。
- 辅助文字：先用颜色、字重和位置减弱强调，再判断是否需要略小字号；时间、备注也要在手机上读得清。
字号相同不等于视觉大小相同。不同字体的字面、字重和笔画会改变阅读感受；字体替换后，需要重新看正文密度，而不是只确认数字没变。放大标题或加粗可以加强视觉重点，但不需要让所有层级同时又大又粗。
设计稿通常用px记录尺寸，开发实现还要明确单位。CSS里的px不是“一个物理屏幕像素”；rem相对根元素的字体大小，可以用于建立随基础字号变化的文字层级。不要把“设计稿标16px”理解成禁止用户放大文字，也不要为了让窄屏仍保持单行而不断缩小字号。
2. 怎么设置网页字体间距和行距
字距、行高和段间距负责不同的关系：字距影响字与字的辨认，行高影响多行文字的连续阅读，段间距帮助区分话题。它们应根据字体、内容和列宽一起调整，不能只按字号套一个固定比例。
对于前面的16px中文正文，可以先比较24px与28px两种行高：读完三四行后，眼睛能否准确回到下一行，行与行是否太挤，段落又是否显得松散。这里的行高是文字行框的高度，并不是在字形下面额外加24px空白。短按钮、两行标题与长篇正文的需求不同，不必共用同一行高。
中英文混排时，还要放入真实的产品名称、括号、日期与长链接。如果英文单词或地址撑开容器，应定义换行或显示完整内容的方式，不以压缩整段中文的字距解决。段落之间使用段间距，避免连续插入空段落制造留白。
除了检查默认状态，还要检查读者调整文字间距后的布局。WCAG的文字间距说明要求页面在用户覆盖指定的行距、段距、字距等设置时不丢失内容或功能；这不是要求设计师把这些测试值作为默认排版。最常见的问题是固定高度的按钮、提示条和卡片把第二行文字裁掉。
3. 在Pixso中整理可交付的文字样式
Pixso中的文本设置包含字号、字重、行高和字距等属性。帮助中心的文章标题、章节标题、正文和说明文字可以分别建立文本样式，用内容角色命名，例如“帮助中心/正文”，而不是只写“16号字”。这样更容易知道一项修改会影响哪些使用场景。
先用一篇真实文章确定样式，再应用到下一篇；如果下一篇有很长的菜单名称或多行按钮，先解决容器与换行，不急着新建一套只适合短句的样式。关于样式的创建与使用，可以继续查看Pixso帮助中心中的文本样式说明。
字体能够在编辑器里使用，与字体是否允许用于网页嵌入、商业宣传或分发是不同问题。交付时可按字体交付清单记录字体名称、字重和来源，不把云字体可用等同于所有用途均获授权；无法随项目交付的字体，应明确替代字体，避免开发端静默替换导致换行变化。
4. 放大到200%后，文字还完整吗
WCAG的文本缩放要求关注的是放大后内容和功能是否仍然可用，而不是推荐某个统一的默认字号。将实现页面从默认比例逐步放大到200%，沿着“读标题—看步骤—点击设置按钮—阅读结果提示”的完整任务检查：
- 标题变成多行后，后续正文是否向下排列，没有被遮住。
- 按钮和提示条是否随文字增高，文字不与图标重叠。
- 目录或固定侧栏是否遮挡正文；窄窗口下能否收起或重新布局。
- 中英文、数字和链接是否仍能辨认，关键内容没有仅靠省略号消失。
设计稿中可以预演长文本与大字号状态，但浏览器缩放、字体回退和实际换行仍要在实现页面检查。最终交付的不只是字号表，还应包含文字角色、行高、容器变化方式，以及长标题和多行按钮的示例。
