快速上手

打开HeronTool的Type Scale(字号比例)工具,选择预设比例(如1.333或1.618),即可生成从标题到正文的完整字号阶梯。点击任意字号可实时预览,并复制对应的CSS或Figma样式代码。

定制与微调

在工具栏中拖动滑块调整基准字号和比例系数,观察文本层级变化。可设置最大/最小字号限制,防止过大或过小。同时,结合字体配对建议,为标题正文挑选协调的字体组合。

导出与集成

确定样式后,点击“导出”获取Web(PX/REM/EM)或移动端(PT)尺寸。将生成的代码直接粘贴到项目文件中,或通过“复制样式”快速应用到设计工具中的文本图层。

FAQ

  • Q: 如何选择比例?

A: 1.333适合紧凑界面,1.618适合长文阅读,可依据内容密度试选。

  • Q: 字号与行高如何关联?

A: 工具自动建议1.5倍行高,也可手动调整。

  • Q: 是否支持中文?

A: 支持,但需手动检查中文文字的视觉平衡。