Fontista

Playfair Display

serif
Try in Playground

Use-case scenarios

Large Display

The quick brown fox jumps over the lazy dog

Typography Scale

Heading 1 (48px)

The quick brown fox jumps over the lazy dog

Heading 2 (36px)

The quick brown fox jumps over the lazy dog

Heading 3 (24px)

The quick brown fox jumps over the lazy dog

Body Text (16px)

The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.

Small Text (14px)

The quick brown fox jumps over the lazy dog

Install Playfair Display

Get on Google Fonts
<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+Display:wght@400..900&display=swap" rel="stylesheet">

Character Set

Uppercase

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase

abcdefghijklmnopqrstuvwxyz

Numbers & Symbols

0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?

Works well with

Fonts that pair well with Playfair Display.

Similar & alternatives

Fonts with a similar feel to Playfair Display.

Font family

Playfair Display

Description

Elegant serif font perfect for titles and display purposes

Source

googleOpen Font License

Variable axes

The quick brown fox jumps over the lazy dog

font-variation-settings: 'wght' 700;

Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.

Use cases

Blogs &#38; ContentPersonal BrandingCreative Agencies

Stats

Popularity 88/100

Used by Vogue, Harper's Bazaar

Performance: standard

npm · @fontsource/playfair-display

Characteristics

Contrast
very-high
Aperture
closed
x-Height
small
Width
normal
eleganteditorialdramatic

Paid alternatives

Playfair Display is an open-source alternative to:

  • Didot
  • Bodoni