Playfair Display
+ Inter
Playfair Display's high-contrast serifs bring editorial sophistication while Inter keeps body text crystal clear. A go-to pairing for portfolios and landing pages.
Live Preview
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
CSS Code
/* Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair+Display:wght@700;800&display=swap');
/* Heading */
.heading {
font-family: 'Playfair Display', serif;
font-weight: 700;
}
/* Body */
.body {
font-family: 'Inter', sans-serif;
font-weight: 400;
}HTML Import
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair+Display:wght@700;800&display=swap" />Best for
Portfolios, Landing Pages, Blogs