Coastal morning

Free Typography Tools

Line Height Calculator

Convert a font size and unitless multiplier into pixel and rem line-height values.

What this tool does

Translate a type rhythm into implementation-ready values.

The calculator multiplies font size by a unitless line-height value and reports the equivalent pixels and rems.

An editable paragraph preview makes the result easier to judge than a number alone.

Use the tool

Calculate and preview line height

Set the type size and multiplier to inspect the resulting vertical rhythm.

Type size and leading

Convert a unitless line-height multiplier into pixels and rems.

px
×

Calculated line height

28.8 px

1.60 unitless · 1.800 rem

Comfortable line spacing helps readers follow a paragraph without losing their place between lines.

How to use it

Three quick steps

  1. 1Enter the intended font size.
  2. 2Adjust the unitless line-height multiplier.
  3. 3Review representative copy in the actual font and layout before implementation.

Worked example

Set comfortable body copy

Combine 18px type with a 1.6 multiplier.

The calculated line height is 28.8px, or 1.8rem.

FAQ

Questions about the line height calculator

Practical details about using the tool and understanding its result.

Keep working

From one asset to the whole workflow

Keep approved typography decisions attached to the interfaces they shape.

Draftroom keeps projects, creative files, feedback, revisions, and approvals connected in one workspace.

See Draftroom with your project