Gilda Display + Hanken Grotesk

Font Pairing

Gilda's fine-stroked editorial serif for headings with Hanken Grotesk's clean neutrality underneath — boutique studio polish.

✦ Free — Gilda Display✦ Free — Hanken Grotesk

— 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

Gilda Display

Typeserif

Source✦ Free

Weights400

View on Google Fonts →

— Body Font

Hanken Grotesk

Typesans-serif

Source✦ Free

Weights400, 500, 600, 700

View on Google Fonts →

— Typography Analysis

Why This Pairing Works

Gilda Display has unusually thin strokes and sharp serifs, signals luxury at headline sizes but would fail as body text. Hanken Grotesk has a large x-height and even color, carrying paragraphs comfortably while staying visually silent.

Mood

premiumpolishedcomposed

Best For

agencyportfoliorestaurant

— Implementation

Use This Font Pair

@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

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

body, p {
  font-family: 'Hanken Grotesk', sans-serif;
}

Generate Another Pairing

Explore more curated combinations with our interactive generator.

Open Generator →Browse All Pairs