Playfair Display

Variable Font

High-contrast serif for large sizes, inspired by transitional designs

Category: serif
License: OFL-1.1
Weights: 400-900
View CSS

Typography Controls

0em
TightNormalWide
1.20
TightNormalLoose

Preview

The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

All Weights

400
The quick brown fox jumps over the lazy dog
500
The quick brown fox jumps over the lazy dog
600
The quick brown fox jumps over the lazy dog
700
The quick brown fox jumps over the lazy dog
800
The quick brown fox jumps over the lazy dog
900
The quick brown fox jumps over the lazy dog

Size Samples

12px
The quick brown fox jumps over the lazy dog
16px
The quick brown fox jumps over the lazy dog
24px
The quick brown fox jumps over the lazy dog
32px
The quick brown fox jumps over the lazy dog
48px
The quick brown fox jumps over the lazy dog
64px
The quick brown fox jumps over the lazy dog

Paragraph

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters.

The term typography is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process. Type design is a closely related craft, sometimes considered part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers.

Installation

NPM Package

npm install @typewe/playfairdisplay

CDN

<link rel="stylesheet" href="https://typeweave.com/api/fonts/playfairdisplay/css" />