Font family
Playfair Display font
Playfair Display is a transitional serif with high stroke contrast, inspired by 18th-century letterpress. Its elegant character makes it the canonical choice for editorial and luxury headings.
The quick brown fox jumps over the lazy dog 0123456789
Uppercase
Lowercase
Digits
Punctuation
Click any glyph to copy it to your clipboard.
- 400Hamburgevons
- 500Hamburgevons
- 600Hamburgevons
- 700Hamburgevons
- 800Hamburgevons
- 900Hamburgevons
Font Details
- Designer
- Claus Eggers Sørensen
- Foundry
- Unknown
- Source
- Google Fonts
- License
- OFL-1.1
- Category
- serif
- X-height
- medium
- Styles
- normal, italic
- Subsets
- latin, latin-ext, cyrillic, vietnamese
- Weights
- 400, 500, 600, 700, 800, 900
- Variable
- Yes
- Popularity
- 92/100
- Tags
- transitional, display, elegant, contrast
- wghtmin 400max 900default 400
- opszmin 5max 1200default 12
Character and Use Cases
Playfair Display , Playfair Display is a high-contrast display serif with dramatic thick-thin strokes that evoke fashion magazines and luxury print. Its optical size axis means the letterforms are drawn specifically for large-scale use, producing elegant hairline serifs that would disappear at body sizes.
Playfair Display is built for headlines and display text. Use it at 24 px and above to let the contrast between thick strokes and hairline serifs create its signature drama. It should not be used for body text. Pair it with a neutral sans-serif to ground its editorial energy.
Regular (400) and Medium (500) are the most commonly used weights for headlines. Bold (700) and Black (900) create maximum contrast in hero text. The italic cuts are particularly beautiful and often preferred for subheadings.
Production Code
Copy-paste into your project. No build step required.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">Pairings using Playfair Display
View allThe art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlayfair Display + Inter
A classic editorial pairing: high-contrast Playfair Display headings over a neutral Inter body. The contrast between the ornate serif and the technical sans establishes clear hierarchy while remaining highly readable.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlayfair Display + Source Serif 4
Playfair Display headlines over Source Serif 4 body, a refined all-serif editorial pairing. Display-grade contrast up top, reading-grade stability below.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlayfair Display + Merriweather
Playfair Display headlines over Merriweather body, a classic editorial all-serif pairing. High-contrast display serif up top; slab-serif body for reading.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlayfair Display + Source Sans 3
Playfair Display headings over Source Sans 3 body. A high-contrast display serif sits on top of a warm humanist sans. Used for magazines and editorial brands that want grand titles without losing readable body copy.
Frequently Asked Questions
- Is Playfair Display a variable font?
- The current version on Google Fonts is variable, exposing weight from Thin to Black. You can also use static releases at specific weights if you prefer more predictable rendering.
- What should I pair with Playfair Display?
- Lighter sans-serifs with open counters, Open Sans, Source Sans 3, or Lato, balance Playfair's drama without competing. The contrast in stroke weight between a heavy display serif and a neutral sans creates the classic editorial rhythm.
Test Playfair Display in the playground
Drop Playfair Display into the typography playground, mix it with another family, and check contrast on real text.