编辑说明：Type Scale 生成 CSS 仅供参考，实际项目请结合设计系统 token 与无障碍字号规范调整。
文章目录
功能介绍
Typescale.com 首页标语：「Create stunning typography, generate CSS, and find inspiration.」——创建精美排版、生成 CSS 并获取灵感。
输入基础字号与比例，自动生成标题层级（Headings）、正文（Body）与响应式（Responsive）字号体系，并实时预览 Lorem 文案效果。
网站亮点
可视化调节字体、行高与比例，所见即所得。
一键导出 CSS 变量，便于落地到 Web 项目。
适合在立项阶段快速试验排版节奏与层级关系。
解决什么问题
建立设计系统时难以决定 h1–h6 与正文字号比例，Type Scale 提供可复现的数学比例与即时预览。
核心亮点一览
- 可视化字号比例
- 导出 CSS
- 响应式排版预览
界面展示
Type Scale 官方入口与项目资料
免责声明
本文介绍的 Type Scale 为第三方网站或工具，巧锦囊仅作收录与说明，不对其服务内容、数据安全、收费策略与可用性作任何担保。访问前请自行确认官网条款与隐私政策。
若您是版权方或开发者，认为介绍内容有误或希望调整收录方式，欢迎通过站点底部联系方式反馈，我们将尽快核实处理。
