整理一份排版与网格相关的实用工具清单，覆盖栅格与基线网格生成、字体比例与排版尺度、行距与段落节奏校验、字体配对与可读性检查、以及响应式排版的计算与导出。开稿前先把规则定下来，后面改版会省很多时间。
需看协议｜快速计算栅格列数、沟槽与边距，适合做网页/海报版式的网格起步。
需看协议｜可视化生成多列栅格，支持导出 CSS/PNG 参考，适合做响应式布局的栅格骨架。
需看协议｜用 clamp() 生成流体排版比例，输入最小/最大屏宽即可得到整套字号与行高区间。
需看协议｜选择字体与比例（Major Third 等）后，直接得到标题/正文的字号阶梯，适合快速定排版层级。
需看协议｜用模块化比例推导字号序列，做品牌视觉或长文排版时更容易保持一致的节奏。
需看协议｜用于检查垂直节奏（行距/基线）与标题层级，输出 CSS 参考，适合做内容型页面排版。
需看协议｜另一种 clamp() 字号计算器，适合你已经有设计稿字号、想反推出响应式公式时使用。
需看协议｜用对比度与相似度生成字体配对灵感，适合品牌标题字与正文字的快速搭配。
需看协议｜提供大量现成配对示例与版式预览，适合做落地页/文章页的字体组合参考。
需看协议｜收录真实网站使用的字体组合（含字号/行高等信息），适合“抄作业式”找排版方案。
需看协议｜检测字体文件支持的 OpenType 特性、可变轴等，做字体选型与技术评估很省事。
需看协议｜字体转换与子集化工具，适合把桌面字体转成 Webfont 或裁剪字符集减小体积。
需看协议｜经典的 Webfont 打包工具，适合生成多格式文件与 @font-face 代码（注意字体授权）。
需看协议｜排版基础练习与可读性训练的互动工具，适合团队内做字体/间距的“同一套语言”。
