得分
50
用户评分
1.0
支持免费/试用
支持
起始价格
--
最近更新
10月24日
概览
Typeculator 是什么？
Typeculator 是一款基于“Golden Thread”技术的简易字体比例计算器。它帮助设计师和开发者根据基础字号、缩放因子、阶梯数量和行高偏移，为屏幕设计创建一致且协调的字体排版比例。工具会输出可直接使用的 CSS 类，包含每个阶梯的字号和行高。
Typeculator 用于什么？
主要功能
- 基于 Golden Thread 技术生成字体比例
- 可调节基础字号、缩放因子、阶梯数量和行高偏移
- 每个阶梯提供实时预览示例文本
- 输出可直接使用的 CSS 类（含字号和行高）
- 支持 px 和 rem 单位
- 免费且基于浏览器
如何使用 Typeculator？
打开 Typeculator 网页应用，设置基础字号（例如 12–16px），选择缩放因子以控制阶梯间的增长幅度，设定阶梯数量（屏幕设计可从 4–6 开始），并调整行高偏移。工具会即时生成预览和 CSS 类（如 .scale-step-1 到 .scale-step-6），显示字号和行高值。将生成的 CSS 复制到你的项目中即可。
替代工具
未找到替代工具
优点 & 缺点
优点
- 界面简单专注
- 即时视觉反馈
- 可直接复制粘贴 CSS
- 基于成熟的排版技术
- 完全免费使用
缺点
- 仅限字体比例生成
- 除复制 CSS 外无其他导出选项
- 无保存预设或账户功能
- 需要理解排版比例概念
使用场景
- 为网站或应用创建一致的字体层级
- 快速生成 CSS 字号和行高值
- 教学或学习模块化字体比例
- 设计系统原型制作
- 确保屏幕设计中文本大小可读且协调
Typeculator 价格
免费计划
暂无详细定价信息
用户评价
1.0
满分5分
1.0
暂无评价
成为第一个评价此工具的用户！