用途
m-type-scale 用于从基础字号(base)和比例系数(ratio)出发,生成一套数学化的字体比例(type scale)。它适合需要在网页或界面设计中建立统一字号体系的场景,帮助设计者与开发者快速得到一组成比例、可复用的字号阶梯。
主要能力
- 根据给定的基础字号与比例系数,计算 8 级字号阶梯(从 xs 到 3xl)。
- 每一级输出像素值(px),并四舍五入为整数像素。
- 每一级同时输出对应的 rem 换算值。
- 输出 CSS 自定义属性(CSS custom properties),便于直接引入样式表使用。
- 为每一级附带行高(line-height)与字间距(letter-spacing)建议。
使用方式
调用格式为:
/m-type-scale [base] [ratio]
其中 [base] 为基础字号,[ratio] 为比例系数。
可用的比例系数包括:
- Minor Second 1.067
- Major Second 1.125
- Minor Third 1.200
- Major Third 1.250
- Perfect Fourth 1.333
- Augmented Fourth 1.414
- Perfect Fifth 1.500
适用场景
- 网页排版系统中建立统一的字号阶梯。
- 设计系统或组件库中定义可复用的字号变量。
- 需要将设计稿中的字号体系转换为 CSS 自定义属性的开发流程。
限制
关于该技能的具体运行环境、依赖条件、是否支持自定义级数或自定义输出格式等信息,资料中暂未提供。