Typography tool
Font Overlay Comparison
Overlay two or three fonts on shared text to inspect glyph shape, spacing, alignment, and readability differences.
Compare fonts by overlaying their glyphs
This font comparison tool stacks two or three font families on the same editable text. Each layer uses its own color and opacity, making shared glyph shapes blend together while differences stay visible.
Character-by-character mode places each matching character in a shared cell for direct glyph inspection, with controls for baseline, center, bottom, or manual glyph alignment. Switch to natural text spacing when rhythm, width, and line breaks matter in real text.
Use Google Fonts when available, or enter any CSS font-family value to compare local and system fonts installed on your device.