Playfair Display font

By Claus Eggers S on Aug 01, 2018

Playfair Display

Playfair Display

Playfair Display

Playfair is a transitional design. From the time of enlightenment in the late 18th century, the broad nib quills were replaced by pointed steel pens. This influenced typographical letterforms to become increasingly detached from the written ones. Developments in printing technology, ink, and paper making, made it possible to print letterforms of high contrast and delicate hairlines.

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 printer and typeface designer John Baskerville, the punchcutter William Martin’s typeface for the ‘Boydell Shakspeare’ (sic) edition, and from the ‘Scotch Roman’ designs that followed thereafter.

As the name indicates, Playfair Display is well suited for titling and headlines. It has an extra large x-height and short descenders. It can be set with no leading if space is tight, for instance in news headlines, or for stylistic effect in titles. Capitals are extra short, and only very slightly heavier than the lowercase characters. This helps achieve a more even typographical colour when typesetting proper nouns and initialisms. Languages, like German, where nouns are capitalized, particularly benefit from this lower contrast between lower and upper case glyphs. In German, with its many capitalised words, and in other European languages that use many diacritical characters, it is advised to use more leading.

Being a transitional design, stylistically Playfair can accompany Georgia, where Georgia is used for body text.

Playfair's downloaded font files include a full set of small caps, common ligatures, and discretionary ligatures. For Polish, a set of alternate diacritical characters designed with ‘kreska’s are included. All European languages using the latin script are supported. A set of eight arrow devices are also included.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"playfair-display-regular";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.regular.ttf") format("truetype");
}
span.font0{font-family:"playfair-display-regular";font-size:px;text-transform:;}
</style>
Playfair Display Regular
<style type="text/css">
@font-face{
    font-family:"playfair-display-italic";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.italic.ttf") format("truetype");
}
span.font1{font-family:"playfair-display-italic";font-size:px;text-transform:;}
</style>
Playfair Display Italic
<style type="text/css">
@font-face{
    font-family:"playfair-display-bold";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold.ttf") format("truetype");
}
span.font2{font-family:"playfair-display-bold";font-size:px;text-transform:;}
</style>
Playfair Display Bold
<style type="text/css">
@font-face{
    font-family:"playfair-display-bold-italic";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.bold-italic.ttf") format("truetype");
}
span.font3{font-family:"playfair-display-bold-italic";font-size:px;text-transform:;}
</style>
Playfair Display Bold Italic
<style type="text/css">
@font-face{
    font-family:"playfair-display-black-regular";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black.ttf") format("truetype");
}
span.font4{font-family:"playfair-display-black-regular";font-size:px;text-transform:;}
</style>
Playfair Display Black Regular
<style type="text/css">
@font-face{
    font-family:"playfair-display-black-italic";
    src:url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/286/286/file/playfair-display.black-italic.ttf") format("truetype");
}
span.font5{font-family:"playfair-display-black-italic";font-size:px;text-transform:;}
</style>
Playfair Display Black Italic

Ad1

ad2