跳到内容
🛠️ToolsShed

Line Height Calculator

计算最佳行高以获得可读的排版。

像素值
24px
无单位值
1.50
em值
1.50em
建议
正文 (1.5–1.6)
标题 (1.1–1.3)
标题 (1.3–1.4)
预览
The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
font-size: 16px; line-height: 1.50;

关于此工具

行高是指文本行之间的垂直空间,是排版中影响可读性和视觉舒适度的最重要因素之一。无论您是在设计网站、编写文档还是创建任何数字内容,设置正确的行高都能使文本更容易阅读、减少眼睛疲劳。此工具通过将您的字体大小乘以所选的比率来计算最优行高,帮助您为不同的文本类型找到完美的平衡点。

要使用计算器,请输入字体大小(以像素为单位),并调整比率滑块以实时查看多种格式的结果:像素、无单位值和em单位。该工具为常见用途提供了颜色编码的建议。正文通常受益于1.5到1.6的行高,标题在1.1到1.3时效果最佳,标题注释在1.3到1.4时效果很好。实时预览显示您选择的行高如何影响实际文本,因此您可以在将其应用到设计之前查看效果。所有计算都使用无单位比率(如1.5而不是像素),这是最佳实践,因为当字体大小改变时它们会自动缩放。

设计师、开发人员和内容创建者使用此工具来维护整个排版系统的视觉一致性并确保无障碍访问合规性。W3C网络内容无障碍指南建议正文最小行高为1.5,以提高所有用户(包括患有阅读困难或视觉障碍的用户)的可读性。通过定期使用此计算器,您可以创建既美观又易于访问的排版系统。

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.