Specimen
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&@#$%
About Playfair Display SC
Playfair Display SC is a typeface designed by Claus Eggers Sørensen and released through the Google Fonts open-source catalog under the SIL Open Font License 1.1. It belongs to the serif family — typefaces with the small finishing strokes that have anchored Western typography for five centuries. Those serifs are not decoration; they create a horizontal rhythm that helps the eye flow across long lines of text, which is why book typesetters and editorial designers still favour serifs for sustained reading.
Playfair Display SC ships with 6 styles, which gives designers room to build a full hierarchy from a single family without reaching for a second face. Characteristically, the design balances stress and contrast in a way that gives the page texture without becoming visually noisy. The serifs themselves vary from bracketed and traditional to crisp and modern, but the underlying intent is the same: lead the eye gently from one word to the next.
Practically speaking, Playfair Display SC is well suited to a specific kind of work. Use this typeface for books, longform articles, magazine layouts, brand systems with a literary or heritage register, and editorial websites. It pairs naturally with a clean grotesque sans for headings, captions, and UI chrome. Because it is distributed under the SIL Open Font License 1.1, you can self-host the files, embed them in commercial products, and ship them inside open-source projects without paying licensing fees or asking permission.
On the technical side, Playfair Display SC supports menu, cyrillic, latin, latin-ext, vietnamese. The full set of weights and styles in the family is available for free download from Google Fonts, and the source files are mirrored in the public google/fonts repository on GitHub for designers who want to contribute fixes or fork the design. The first public release of this family entered the catalog in 2012, and the design has been maintained and updated since then by a combination of the original authorship team and the wider open-source typography community.
Within the broader serif tradition, Playfair Display SC sits among contemporaries that designers reach for when the surrounding work calls for the same register. The catalog of open-source serif typefaces has grown substantially over the last decade, and a working designer benefits from sampling several closely related families before settling on one — small differences in proportion, x-height, or terminal shape can produce surprisingly different feelings on the page.
If you need a partner family, Playfair Display SC pairs comfortably with IBM Plex Sans — the contrast in voice is enough to create a clear hierarchy between display and reading text without the two faces fighting each other on the page. As always, test the combination at the actual sizes you intend to ship, and use only two faces in any given system unless you have a strong reason to introduce a third.
If you decide to ship Playfair Display SC, the implementation path is unusually short. Drop a single CSS @import or <link> tag into the head of your document, declare the family in your stylesheet, and the file is delivered through the Google Fonts CDN with subsetting and font-display swap behaviour configured for fast first paint. For production work where you need full control, download the source from the link above and self-host the files alongside the rest of your assets.
Weights and styles
Every weight in the family, rendered live in Playfair Display SC from the Google Fonts CDN.
CSS embed code
Drop the @import or <link> tag into the head of your document, then declare the family in your stylesheet.
/* Add to the top of your CSS file */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@400;700;900&display=swap');
/* Then use the family */
body {
font-family: 'Playfair Display SC', serif;
}
<!-- Add inside <head> -->
<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+SC:wght@400;700;900&display=swap" rel="stylesheet">