Web Typography 是一份实用的网页字体选择、搭配与实现指南，来源于 adithyani/agents 技能集合。其核心理念是：排版是内容的声音，最好的排版是“隐形”的，读者应吸收意义而非注意到字形。指南提出“透明酒杯”原则——排版应像一只晶莹剔透的酒杯，焦点在酒（内容）而非杯（字体）。
用途与定位 该指南用于在网页项目中挑选、搭配并实现字体。当用户提到“字体搭配”“该用哪种字体”“行高”“响应式排版”等话题时适用。它把排版分为两类情境：用于瞬间的字体（标题、按钮、导航、标志），优先考虑个性、冲击力与辨识度；用于长期共处的字体（正文、文章、文档），优先考虑可读性、舒适度与耐久性。指南指出，主力字体擅长“长期共处”场景，能在各种字号、字重和语境中灵活使用而不引人注目，例如 Georgia、Source Sans、Freight Text、FF Meta。
主要能力 指南围绕六个部分展开。第一部分“我们如何阅读”讲解阅读机制：眼睛以 7-9 个字符的扫视跳跃，而非平滑扫描；注视点短暂停留吸收内容；熟练读者通过词形轮廓（bouma）识别单词；并区分易辨认性（单个字符能否区分，属字体问题）与可读性（能否长时间舒适阅读，属排版问题——字号、间距、行长）。第二部分“评估字体”提出技术质量（笔画一致、字色均匀、字距良好、字符集完整、多字重）、结构评估（x 高度、开放字腔、字形区分度、粗细对比）、实际需求（目标尺寸、屏幕与浏览器渲染、文件大小、许可）以及真实内容测试（不用 Lorem ipsum）。第三部分“选择字体”强调从用途出发而非审美：先定义任务、匹配内容语气、按实际尺寸测试、检查字族是否齐全，并给出安全起点（正文衬线：Georgia、Source Serif Pro、Charter；无衬线：系统字体、Source Sans Pro、Inter、IBM Plex Sans）。第四部分“搭配字体”主张清晰对比，最多一到两种字体，介绍对比类型（结构、字重、时代、宽度）、同设计师策略、超级字族，以及常见错误（两种相似衬线或相似无衬线、两种字体都想抢眼、无意混搭文艺复兴与后现代、一种字体在字重上压倒另一种）。第五部分“排版度量”指出字号、行长、行高是舒适阅读的基础：正文字号最小 16px，阅读密集站点可用 18px；行长 45-75 字符理想，66 字符最佳，可用 ch 单位或 max-width 控制；正文行高 1.4-1.8，行长越长行高越大，标题行高更紧（1.1-1.25）；标题层级使用 1.2-1.5 的一致比例。第六部分“构建字体层级”说明通过大小、字重、颜色三个杠杆制造区分，相邻层级只变化一两个杠杆，用“眯眼测试”检验层级是否清晰，使用一致比例，不要跳级。
使用方式 指南提供评分机制：在审查或创建排版实现时，按对上述原则的符合程度打 0-10 分，10 分表示完全符合所有准则，并始终给出当前分数和达到 10 分所需的具体改进。指南还提供大量 CSS 代码示例，例如正文阅读节奏（font-size: 1.125rem; line-height: 1.6; max-width: 65ch; letter-spacing: normal）、系统字体栈、可靠网页字体栈、经典衬线与无衬线搭配、超级字族搭配、流体字号（clamp）、按语境调整行高等。
适用场景 指南列举了多种产品应用场景：长文内容优化持续阅读舒适度；仪表盘 UI 优化快速扫视；移动阅读考虑可变距离与光照，正文略大（17-18px）、对比度更高；文档同时支持扫视与深读；电商便于快速比较产品，使用一致数字格式与表格数字；可访问性支持不同能力读者，高对比、宽松间距、字形区分明显。
限制与伦理边界 指南强调若干伦理边界：排版决策应始终优先考虑读者理解与舒适，而非视觉新奇；牺牲可读性换取美学效果会排斥读者并削弱内容目的；实现前务必核实字体许可，使用未授权字体会带来法律风险；避免仅为显得时髦或高级而选择字体；当不确定时，使用单一字族配合字重变化，而非强行搭配。指南还引用参考文件（如 references/typeface-anatomy.md、references/evaluating-typefaces.md、references/pairing-strategies.md、references/responsive-typography.md）以获取更详细的术语、评估标准、搭配策略与响应式排版方法。
关于该技能的具体安装命令、收费方式、支持平台等信息，资料中暂未提供。