# Fontastic Space: compare fonts and their metrics

Canonical source : [Fontastic Space: compare fonts and their metrics](<https://sebastien.rigaux.be/en/tech-watch/links/fontastic-space-compare-fonts-and-their-metrics>)

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.

- Selected on : 2026-10-28

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Article

- Source language : EN

Original resource : [Fontastic Space: compare fonts and their metrics](<https://fontastic.space/>)

Tags : [UI/UX](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux>) · [CSS](<https://sebastien.rigaux.be/en/tech-watch/tags/css>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/fontastic-space-comparer-les-polices-et-leurs-metriques>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/fontastic-space-compare-fonts-and-their-metrics>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)