Playfair Display + Source Sans 3

9/10 editorial-elegant Nổi bật

Xem trước trực tiếp

Văn bản xem trước Tiêu đề Thân bài

. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tại sao cặp này hiệu quả

Playfair Display's high-contrast elegance provides dramatic headlines, while Source Sans 3's neutral clarity ensures comfortable body reading. Classic editorial pairing.

Mẫu chữ

Tiêu đề

Xem font →

Playfair Display

AaBbCcDdEeFfGg

0123456789 !@#$%

Serif 6 độ đậm

Thân bài

Xem font →

Source Sans 3

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 8 độ đậm

Cách sử dụng

HTML

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

body, p, li {
  font-family: 'Source Sans 3', sans-serif;
}

Chi tiết cặp font

Điểm số: 9/10
Tâm trạng: editorial-elegant
Tiêu đề: Playfair Display
Thân bài: Source Sans 3
Danh mục tiêu đề: Serif
Danh mục thân bài: Sans Serif

Phù hợp nhất cho

blog magazine portfolio