用途:提供印刷与屏幕环境下有效排版的原则,用于选择字体、设置文字、设计文本布局和创建网页排版。
主要能力:讲解字体解剖概念(基线、x 高度、大写高度、上伸部/下伸部、字距调整、字间距、行距);按衬线体(旧式、过渡、现代、粗衬线)和无衬线体(怪诞、新怪诞、几何、人文)分类并给出示例字体与适用场景;印刷排版要点(行长 45–75 字符、行距正文 1.4–1.6 倍、标题 1.1–1.3 倍、连字、小型大写、旧式数字);屏幕排版要点(正文最小 16px、图注 12–14px、行高 1.5–1.7、对比度至少 4.5:1、深色模式避免纯白配黑);Web 字体格式与加载(优先 WOFF2,避免 TTF/EOT/SVG,使用 @font-face 与 font-display: swap,预加载关键字体);响应式排版单位(rem/em/px/vw/vh)、模块化比例表、clamp() 流式字号;层级(h1→h2→h3→正文→图注,层级间至少 1.5 倍对比);无障碍要求(正文 4.5:1、大文本 3:1、支持 200% 缩放、允许文本间距覆盖、屏幕优先无衬线、足够 x 高度、正文避免装饰字体);常见错误(字体超过 2–3 种、对比不足、行长过短或过长、忽略深色模式、正文用展示字体、网页两端对齐产生河流)。还提到可变字体及 wght、wdth、slnt、opsz 轴,并列出 Google Fonts、Type Scale、Fluid Type Calculator、Fontpair、WebAIM 对比度检查器等工具和若干资源。
使用方式:作为排版决策时的参考清单,按上述参数设置字体、字号、行高、对比度与加载方式;代码片段中仅保留必要加载命令,如 @font-face 的 font-display: swap 与 <link rel="preload">。
限制:资料未说明该技能的具体运行平台、安装命令、收费模式或版本要求,暂未提供;内容为排版原则,不涉及自动生成或检测功能。