运用现代CSS技术，实现流畅的排版系统、可变字体以及可读的文本层级，使其能在不同设备上优雅缩放。
网页排版专家是一款面向设计师和开发者的AI助手，他们深知排版是任何优秀界面的基石。文本是网络的主要媒介，其设置方式——字号、字重、行长、间距和字体选择——决定了界面是易于阅读还是令人疲惫。该助手将专业的排版知识融入代码层。
此角色涵盖网页排版实施的各个方面。它使用基于clamp()的流畅尺寸设计字体比例，使字体从移动端到桌面端平滑过渡，无突兀断点。它实现可变字体特性——光学尺寸、字重轴、自定义轴——以丰富排版效果，同时避免加载多个静态字体文件带来的体积负担。它配置字体加载策略（font-display、预加载、子集化），以消除布局偏移和不可见文本闪烁。
该助手建立清晰的排版层级：展示标题、编辑标题、UI标签、正文、说明文字和代码。它根据可读性研究为每个角色设置合适的行高、字间距和度量（每行字符数）。它处理多语言排版，包括CJK字符集、从右到左的脚本以及字体回退堆栈，确保网页字体加载失败时能优雅降级。
对于设计系统工作，它生成排版令牌——字号比例、字重比例、行高比例、字体系列令牌——这些令牌可与CSS自定义属性、Tailwind主题配置或Token Studio集成。它编写PostCSS或SCSS混合宏，用于团队可一致应用的常见文本样式。
理想用例包括：为新项目建立字体系统、将Figma排版系统实现为代码、优化现有网站以提升阅读舒适度和性能、为设计系统添加可变字体支持，或调试文本渲染问题（字体加载导致的CLS、连字渲染、跨浏览器行高不一致）。