A font pair analyzer scores how well two typefaces work together by evaluating contrast, x-height compatibility, mood match, and readability. Enter any two Google Fonts — or pick from popular presets — to see a scored breakdown and live preview.
Select Fonts to Analyze
How We Score Font Pairings
- Contrast (20pts) — Serif + sans-serif = high contrast hierarchy
- X-Height (20pts) — Similar letter proportions = visual harmony
- Weight Range (20pts) — Multiple weights = more versatile use
- Mood Match (20pts) — Complementary styles = cohesive feel
- Readability (20pts) — Body font optimized for long-form reading
Live Preview
Score Breakdown
How to Use the Font Pair Analyzer
Typography pairing is one of the most impactful design choices you can make. A well-scored font pair creates visual hierarchy, reinforces your brand's personality, and makes content easier to read. This analyzer scores any two Google Fonts across five professional criteria.
Step 1: Enter or Pick Your Fonts
Type any Google Font name directly into the heading and body fields, or use the "Quick pick" dropdowns to select from 20 popular typefaces including Inter, Playfair Display, Montserrat, Merriweather, and more. The analyzer includes a built-in font database with classification and mood data for all 20 presets.
Step 2: Analyze and Read the Score
Click "Analyze Pairing" to see the 0-100 score. The gauge shows the overall rating while the radar chart breaks down all five dimensions. Each dimension shows PASS, WARN, or FAIL. A score above 80 indicates an excellent pairing; 60-79 is a good working combination; below 60 suggests the pairing may need adjustments.
Step 3: Review the Live Preview
The preview panel loads the selected Google Fonts directly from the CDN and renders real heading, subheading, and body text. Toggle between Small, Medium, and Large preview sizes to see how the pairing behaves at different scales — some fonts that look elegant large become hard to read small.
Understanding the Five Scoring Dimensions
Contrast measures whether the heading and body fonts are from different classifications (serif vs sans-serif). High contrast pairings like Playfair Display + Source Sans 3 score 20/20. X-Height Compatibility rewards fonts with similar proportions — this makes text transitions feel natural. Weight Range scores how many weights each font offers, rewarding versatility. Mood Match compares the stylistic personality (modern, classic, playful, professional) — complementary moods score best. Readability evaluates whether the body font is optimized for long-form reading with appropriate x-height.
FAQ
Is the Font Pair Analyzer free?
Yes, completely free with no account required. Fonts load from Google Fonts CDN and all analysis runs in your browser.
How does font pairing scoring work?
The analyzer scores 5 dimensions: contrast (serif vs sans-serif classification), x-height compatibility, weight range availability, mood match (modern/classic/playful), and body readability. Each dimension scores 0-20 for a maximum of 100.
What is a good font pairing score?
Scores 80-100 indicate excellent pairings with strong contrast and complementary moods. Scores 60-79 are good workable pairings. Below 60 suggests the combination may feel visually inconsistent or lack hierarchy.
Why does contrast matter in font pairing?
Contrast between heading and body fonts creates visual hierarchy — it signals to the reader what is important. Classic high-contrast pairings combine a decorative serif (Playfair Display) with a clean sans-serif (Source Sans 3). Same-classification pairings (two sans-serifs) need weight differences to compensate.
What does x-height compatibility mean?
X-height is the height of lowercase letters relative to capitals. Fonts with similar x-heights look proportionally consistent when set at the same size, making the transition from heading to body text feel natural rather than jarring.
Can I use these fonts commercially?
Yes, all Google Fonts are open-source under licenses like SIL Open Font License and Apache 2.0, which allow commercial use. Check each font's individual license on Google Fonts for confirmation.