Sébastien Rigaux

Fontastic Space: compare fonts and their metrics

ArticleUI/UXCSS
View resource

fontastic.space

Fontastic Space compares Google Fonts side by side, with anatomy overlays, OpenType metrics, and compatibility scores. Its Playfair Display + DM Sans example compares x-height, cap height, and string width, then provides CSS rules ready to reuse.

The scores draw on several typographic analysis frameworks, but remain a guide: the tool also lets you inspect the visual result in a paragraph or banner before choosing a pairing.

Fontastic Space graphic on a dark background, showing an F icon and the subtitle “Anatomy, metrics & compatibility — find mathematically optimal font pairings”.