Typography Guide
This typography guide teaches the principles behind every great font pairing. The core idea is contrast with cohesion: your heading and body fonts should be different enough to create clear visual hierarchy, but similar enough in proportion and personality to feel like they belong together. Most successful pairings use one of 6 structural strategies: Serif + Sans (classic contrast — elegant headings, clean body), Sans + Sans (modern minimalism — geometric meets humanist), Display + Sans (bold personality — decorative headlines, readable body), Serif + Serif (editorial depth — old-style meets transitional), Mono + Sans (developer aesthetic — code-inspired headlines), Script + Sans (personal touch — handwriting meets clean sans). Serif + Sans alone accounts for 44 of the 145 curated pairings in the library, and it remains the safest starting point for editorial and long-form projects. Each strategy suits different content. The Editorial category leans on serif depth for news, magazines, and long reads; Tech & Dev pairings use monospace headings to signal developer credibility; Professional combinations favor stability for corporate, finance, and healthcare work; and Playful sets trade display personality for kids, entertainment, and food projects. Body-text mechanics matter more than the heading choice: x-height controls how large a font actually reads at a given pixel size, line lengths of forty-five to seventy-five characters keep reading comfortable, and a line height around one and a half times the font size does more for readability than swapping typefaces. Match mood to industry as strictly as structure: a law firm and a toy store should never share a typeface. Mood and industry tags are recorded on every pairing page in the library, so corporate, editorial, playful, and technical projects each have purpose-built options. See the rules applied in live combinations such as Space Grotesk + Inter, Poppins + Open Sans, Inter + IBM Plex Sans, each with its reasoning, weights, and sizes documented on the pairing page. Finish with the recommendation quiz to put the theory into practice. A quick checklist before committing a pairing: confirm the heading font is visually heavier than the body, not just larger; set headings two to three times the body size so hierarchy survives skimming; check that both fonts carry the weights you need, since many Google families ship only regular and bold; and test the numbers and punctuation — invoices, dates, and quotes expose weaknesses headlines never show.