Font Pairing Dataset

Font pairing tool — working prototype

Flow: pick serif or sans serif for the headline, browse a gallery of headline fonts in that category, then land on the best-scoring body-font pairing. From there you can edit the sample copy, adjust size and weight (limited to the weights each font actually ships), cycle down the ranked candidate list with "Next," and see a side-by-side comparison of structure, contrast, x-height, aperture, and stress axis.

Loading font library…
Developer notes

This now loads live from sample-fonts.json and scores every candidate pairing with the real pairing-engine.js — the fonts, weights, and structural attributes below reflect whatever is actually in the dataset, not a hardcoded example set. The list below tracks what's done and what's still stubbed.