Work Sans + Source Serif 4

7/10 warm-professional

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

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

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

Work Sans provides friendly, approachable headlines with subtle quirks, while Source Serif 4 brings traditional readability to body text. Warm and professional.

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

หัวเรื่อง

ดูฟอนต์ →
Work Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 น้ำหนัก

เนื้อหา

ดูฟอนต์ →
Source Serif 4
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 8 น้ำหนัก

วิธีใช้

HTML 

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

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Work Sans', sans-serif;
}

body, p, li {
  font-family: 'Source Serif 4', serif;
}

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

คะแนน
7/10
อารมณ์
warm-professional
หัวเรื่อง
Work Sans
เนื้อหา
Source Serif 4
หมวดหมู่หัวเรื่อง
Sans Serif
หมวดหมู่เนื้อหา
Serif

เหมาะสำหรับ

blog nonprofit education

ลิงก์ด่วน