Font Pairing Tool

Find perfect font combinations

Font Pairings

Typography Settings

Headline Size

48px

Body Size

16px

Line Height

1.6

Live Preview

Sample Headline Text

This is a sample body text to demonstrate how the font pairing looks. The combination of Inter for headlines and Inter for body text creates a harmonious typographic hierarchy that is both readable and visually appealing.

Generated CSS

/* Import fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Inter:wght@400;500&display=swap');

.headline {
  font-family: 'Inter', sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.body-text {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}