lilType
Font pairing previewer: see proven Google Font duos on real copy and copy the exact link tag and CSS
Pairings
Twelve combinations that are known to work: a display or serif voice for headings, a workhorse for body text. All free on Google Fonts. Pick one, read the sample, steal the code.
The quick brown fox jumps over the lazy dog
Good typography is invisible until it is wrong. This paragraph is here so you can feel how the body face reads at length: the rhythm of the words, the comfort of the line height, and whether your eyes glide or trip. If you stopped noticing the font two sentences ago, the pairing works.
Get Startedpaste into your <head> and CSS
Type sorted? Colors next.
Build a palette that fits your new type with lilPalette, then make sure every pairing is readable with lilContrast. Same fast, no-signup approach as this previewer.
Open lilPalette
