Playfair Display

serifplayfair400 · 500 · 600 · 700 · 800 · 900· OFL-1.1· Claus Eggers Sørensen

Size56pxWeight

mcpConnect your agent — pair Playfair Display live

live endpoint

Point any MCP client at the shared fonts endpoint and your agent can search this exact catalog and suggest pairings — list_fonts and suggest_fonts, read-only, no key.

endpointhttps://mcp.brandsweets.com/fonts/mcp

claude mcp add --transport http brandsweets-fonts https://mcp.brandsweets.com/fonts/mcp

try this prompt

›find me a heading font that pairs with Playfair Display

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Pairs well with

Source Sans 3

sanssource200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Paul D. Hunt · OFL-1.1

View specimen →

High-contrast display serif over a neutral humanist sans — the classic editorial pairing.

Lato

sans100 · 300 · 400 · 700 · 900

Łukasz Dziedzic · OFL-1.1

View specimen →

Playful contrast: dramatic headline serif with a warm, quiet sans body.

Open Sans

sans300 · 400 · 500 · 600 · 700 · 800

Steve Matteson · OFL-1.1

View specimen →

fits body; hand-vetted

Roboto

sansroboto100 · 200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Christian Robertson, ParaType, Font Bureau · Apache-2.0

View specimen →

fits body; hand-vetted

Playfair Display SC

serifplayfair400 · 700 · 900

OFL-1.1

View specimen →

Same superfamily as Playfair Display — shared skeleton, natural heading pairing.

Inter

sans100 · 200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Rasmus Andersson · OFL-1.1

View specimen →

fits heading; hand-vetted

Montserrat

sans100 · 200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Julieta Ulanovsky, Sol Matas, Juan Pablo del Peral, Jacques Le Bailly · OFL-1.1

View specimen →

fits heading; hand-vetted

More serif fonts

Roboto Slab

serifroboto100 · 200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Christian Robertson · OFL-1.1

View specimen →

Noto Serif

serifnoto100 · 200 · 300 · 400 · 500 · 600 · 700 · 800 · 900

Google · OFL-1.1

View specimen →

Merriweather

serifmerriweather300 · 400 · 500 · 600 · 700 · 800 · 900

Sorkin Type · OFL-1.1

View specimen →

Lora

seriflora400 · 500 · 600 · 700

serifcormorant300 · 400 · 500 · 600 · 700

Christian Thalmann · OFL-1.1

View specimen →

Self-host embed

Playfair Display is free to self-host under OFL-1.1. Drop these @font-face rules into your CSS — the .woff2 files are served straight from BrandSweets.

css

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-400.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-500.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-600.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-700.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-800.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-900.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-400i.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-500i.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-600i.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-700i.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-800i.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/playfair-display/playfair-display-900i.woff2") format("woff2");
}

/* Usage */
.heading { font-family: "Playfair Display", serif; }

License & attribution

License: OFL-1.1
Designed by: Claus Eggers Sørensen
Weights: 400, 500, 600, 700, 800, 900
Languages: cyrillic, latin, latin-ext, vietnamese

Machine-readable: font.md

Build a brand around Playfair Display

Turn a font choice into a full identity — colors, type roles, logo, and agent-readable tokens your future sessions already know.

Extract a brand Design one on a canvas