Loading tool…

Features

Readable Defaults

See recommended line-height ratios for different kinds of text instead of guessing from memory.

Context-Specific Guidance

Compare tighter heading settings with looser body-copy settings in the same tool.

Implementation Ready

Use the result for CSS, design tokens, content systems, or editorial specs.

How It Works

1
Enter a font size

Start with the text size you are designing or implementing.

2
Review recommended ratios

Compare tighter, normal, and looser line-height recommendations.

3
Use the final value

Apply the suggested ratio or absolute line height in code or documentation.

Frequently Asked Questions

Related Tools

Popular Use Cases