Oswald + Open Sans

8/10 bold-clean แนะนำ

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

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

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

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

Oswald's condensed boldness grabs attention in headlines, and Open Sans provides a neutral, highly readable body companion. Great for content-heavy sites.

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

หัวเรื่อง

ดูฟอนต์ →

Oswald

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 6 น้ำหนัก

เนื้อหา

ดูฟอนต์ →

Open Sans

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 6 น้ำหนัก

วิธีใช้

HTML

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

CSS

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

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

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

คะแนน: 8/10
อารมณ์: bold-clean
หัวเรื่อง: Oswald
เนื้อหา: Open Sans
หมวดหมู่หัวเรื่อง: Sans Serif
หมวดหมู่เนื้อหา: Sans Serif

เหมาะสำหรับ

news blog content-site