Playfair Display

Classification

Font Technology

Variable Font with 1 axis
Weight (wght): 400–900

How To Use Playfair Display

To use Playfair Display in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
@font-face {
  font-family: 'Playfair Display';
  src: url('<YOUR SERVER PATH>PlayfairDisplay[wght].ttf') format(woff2);
  font-weight: 400 900;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('<YOUR SERVER PATH>PlayfairDisplay-Italic[wght].ttf') format(woff2);
  font-weight: 400 900;
  font-stretch: 100%;
  font-style: italic;
}

Description

Playfair is a transitional design. In the European Enlightenment in the late 18th century, broad nib quills were replaced by pointed steel pens as the popular writing tool of the day. Together with developments in printing technology, ink, and paper making, it became fashionable to print letterforms of high contrast and delicate hairlines that were increasingly detached from the written letterforms. This design lends itself to this period, and while it is not a revival of any particular design, it takes influence from the designs of John Baskerville and from ‘Scotch Roman’ designs. This typeface was initially published in 2011, and had a major update in 2017. Being a Display (large size) design in the transitional genre, functionally and stylistically it can accompany Georgia or Gelasio for body text. It was succeeded in 2023 by the complete Playfair design, which as a variable font includes body text designs in the optical size axis. This is the main family, with a sibling Playfair Display SC small caps family. The main family downloaded font files include a full set of small caps, common ligatures, and discretionary ligatures. The Playfair project is led by Claus Eggers Sørensen, a type designer based in Amsterdam, Netherlands. To contribute, see github.com/clauseggers/Playfair-Display

Designer

Claus Eggers Sørensen
Claus Eggers Sørensen received his BDes from The Gerrit Rietveld Academie in Amsterdam, The Netherlands, and a Master of Arts in Typeface Design at The Department of Typography & Graphic Communication, The University of Reading. He has a background in graphic design and commercial art direction. Though of Danish nationality, he is currently living and working in Amsterdam.

Copyright

Copyright 2017 The Playfair Display Project Authors (https://github.com/clauseggers/Playfair-Display), with Reserved Font Name \

OpenType Features

Related Fonts

Playfair Display regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
lining-nums;
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Small caps
small-caps
abcdefghijklmnopqrstuvwxyz
Caps to small caps
'c2sc' 1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Discretionary ligatures
default css
font-feature-settings: "dlig" 1
Th
Th
ct
ct
sp
sp
st
st
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
ffb
ffb
ffh
ffh
ffi
ffi
ffj
ffj
ffk
ffk
ffl
ffl
fb
fb
ff
ff
fh
fh
fi
fi
fï
fï
fì
fì
fj
fj
fk
fk
fl
fl
ſſh
ſſh
ſſi
ſſi
ſſl
ſſl
ſſt
ſſt
ſh
ſh
ſi
ſi
ſl
ſl
ſſ
ſſ
ſt
ſt
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Playfair Display italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
lining-nums;
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Small caps
small-caps
abcdefghijklmnopqrstuvwxyz
Caps to small caps
'c2sc' 1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Discretionary ligatures
default css
font-feature-settings: "dlig" 1
ct
ct
sp
sp
st
st
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
Th
Th
ffb
ffb
ffh
ffh
ffi
ffi
ffj
ffj
ffk
ffk
ffl
ffl
fb
fb
ff
ff
fh
fh
fi
fi
fï
fï
fì
fì
fj
fj
fk
fk
fl
fl
ſſh
ſſh
ſſi
ſſi
ſſl
ſſl
ſſt
ſſt
ſh
ſh
ſi
ſi
ſl
ſl
ſſ
ſſ
ſt
ſt
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o