Fraunces + Work Sans

Font Pairing

Fraunces soft-serif warmth against Work Sans quiet neutrality — a modern editorial pairing with genuine character.

✦ Free — Fraunces✦ Free — Work Sans

— Live Preview

Typography Preview

The Art of Great Design

Beautiful typography makes a website feel professional, memorable, and easy to read. Good type design is invisible — readers absorb ideas without noticing the letterforms.

Click text to edit preview

TextBackground

Font Details

— Heading Font

Fraunces

Typeserif

Source✦ Free

Weights400, 700

View on Google Fonts →

— Body Font

Work Sans

Typesans-serif

Source✦ Free

Weights400, 500, 700

View on Google Fonts →

— Typography Analysis

Why This Pairing Works

Fraunces has wonky, soft details that read as designed rather than decorative. Work Sans is deliberately unopinionated, so it absorbs the personality Fraunces projects without ever competing.

Mood

characterfulwarmcontemporary

Best For

blogportfolioagencypersonal website

— Implementation

Use This Font Pair

@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;700&family=Work+Sans:wght@400;500;700&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', Georgia, serif;
}

body, p {
  font-family: 'Work Sans', sans-serif;
}

Generate Another Pairing

Explore more curated combinations with our interactive generator.

Open Generator →Browse All Pairs