Playfair Display + Source Sans 3

9/10 editorial-elegant แนะนำ

ดูตัวอย่างสด

ข้อความตัวอย่าง หัวเรื่อง เนื้อหา

. 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.

ทำไมการจับคู่นี้จึงได้ผล

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

ตัวอย่างตัวพิมพ์

หัวเรื่อง

ดูฟอนต์ →

Playfair Display

AaBbCcDdEeFfGg

0123456789 !@#$%

Serif 6 น้ำหนัก

เนื้อหา

ดูฟอนต์ →

Source Sans 3

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 8 น้ำหนัก

วิธีใช้

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;
}

รายละเอียดการจับคู่

คะแนน: 9/10
อารมณ์: editorial-elegant
หัวเรื่อง: Playfair Display
เนื้อหา: Source Sans 3
หมวดหมู่หัวเรื่อง: Serif
หมวดหมู่เนื้อหา: Sans Serif

เหมาะสำหรับ

blog magazine portfolio