Why: the goal or problem

Long text should flow with each letter’s natural shape. Giving narrow and wide letters identical space can make prose feel uneven.

How: work toward a solution

All five specimens share a sentence, iiiWWW 0123, and the same numbers. Edit the specimen, adjust its size, and show measured width guides or tabular digits. Text remains shaped as one string. Reset or reload restores the initial text at 48px. The measured i and W advances differ; tabular digits can still align.

Compare the same text specimen
NOTO SANS / TYPE LAB

Letters take space

H

River, light & time

Every detail has a story. Slow down and let the page unfold.

River, light & time

iiiWWW 0123

Measured advances appear after fonts load.

111.11888.88123.45

All five examples share the same text and size. The named face renders supported Latin; Korean and Japanese use Noto CJK. Other characters may fall back. Guides measure text in context, so shaping and ligatures can affect the ranges.

A fictional demo within this article. Reset or reload restores its initial state.

What: the concept

Proportional letters use varying advance widths.

Font coverage and number features vary; measure the loaded face rather than infer widths from its name.

W3C