Work Sans + Source Serif 4
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
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.
ตัวอย่างตัวพิมพ์
วิธีใช้
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