← All Pairings
classicFriendly and readable

Poppins

+ Lora

Poppins brings geometric friendliness to headings while Lora's calligraphic curves make long reads comfortable. A balanced pair for content-heavy sites.

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=Lora:wght@400;500&family=Poppins:wght@600;700&display=swap');

/* Heading */
.heading {
  font-family: 'Poppins', serif;
  font-weight: 700;
}

/* Body */
.body {
  font-family: 'Lora', sans-serif;
  font-weight: 400;
}

HTML Import

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Poppins:wght@600;700&display=swap" />

Best for

Blogs, News, Educational Sites

Similar Pairings