OneKitTools logoOneKitTools
返回开发者

字体比例生成器

生成排版比例,含比率预览和 CSS/Tailwind 导出

关于 字体比例生成器

生成基于数学比例的和谐排版系统——为您的设计项目创建一致的字体层级。

如何使用 字体比例生成器

  1. 1设置基础字号(通常为 16px)。
  2. 2选择比例预设或输入自定义比率。
  3. 3预览生成的字体大小层级。
  4. 4自定义字体系列、行高和字重。
  5. 5复制生成的 CSS 代码到您的项目中。

提示

  • 大三度(1.250)比例适合大多数网页设计项目。
  • 较大的比例(1.5+)创建更戏剧化的大小对比——适合标题突出的设计。
  • 配合 CSS 自定义属性使用生成的比例可以轻松在整个项目中保持一致。

相关工具

OneKitTools 团队更新于 2.21.4