Loading page
About this tool
Magazine-style Google Font pairings with a modular type scale, measured line length and leading you can copy as CSS.
Editorial Vibe Font Pairing turns a magazine-style Google Font combination into concrete numbers: a modular type scale, an estimated line length in characters, and a leading value for each size. Sizes come from the musical-interval scale system described in Bringhurst's The Elements of Typographic Style — each step multiplies the previous size by the chosen ratio — and the measure is checked against the 45–75 characters-per-line guideline for continuous text. It is for designers, editors and front-end developers who need a defensible starting point rather than a mood board.
Open Editorial Vibe Font Pairing on AltFTool — it loads instantly in your browser.
Add your input to the workspace.
Adjust the options until the result looks right.
Copy or download the output and put it to work.
Column width, body size and average glyph width give a character count you can act on.
Recommended line-height rises with a wider measure and tightens as display sizes grow.
Google Fonts URL, custom properties and h1–h4 rules are generated from the same numbers you see on screen.
Aim for 45 to 75 characters per line, with about 66 as the classic target for a single column of continuous text — the guideline set out in Bringhurst's The Elements of Typographic Style. Below 45 the eye changes lines too often; above 75 it struggles to find the start of the next line.
Multiply the body size by the ratio once per step: size = base × ratio^step. At an 18px base on a major third (1.25), step 1 is 22.5px, step 2 is 28.1px and step 4 is 43.9px. Common ratios are the minor third (1.2), major third (1.25), perfect fourth (1.333) and golden ratio (1.618).
No — larger type needs proportionally tighter leading. Body copy typically sits between 1.4 and 1.6, while a headline at 40px or more usually looks right somewhere near 1.1 to 1.25. This tool tightens the recommendation as the pixel size grows and loosens body leading as the measure widens.
The families listed here are published on Google Fonts under open licences, most commonly the SIL Open Font License 1.1, which permits commercial use, embedding and modification. Licences can change per family and per version, so confirm the licence shown on the family's Google Fonts page before shipping a paid product.