Montserrat + Roboto

8/10 bold-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.

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

Montserrat's bold geometric style makes striking headlines, while Roboto's mechanical yet friendly forms provide excellent body readability. A proven combination.

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

หัวเรื่อง

ดูฟอนต์ →

Montserrat

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 9 น้ำหนัก

เนื้อหา

ดูฟอนต์ →

Roboto

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 9 น้ำหนัก

วิธีใช้

HTML

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

CSS

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

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

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

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

เหมาะสำหรับ

landing-page e-commerce startup