Bebas Neue + Roboto

7/10 bold-impact

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

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

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

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

Bebas Neue's all-caps condensed impact dominates headlines, while Roboto's versatile neutrality handles body content seamlessly. A high-impact pairing.

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

หัวเรื่อง

ดูฟอนต์ →

Bebas Neue

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 1 น้ำหนัก

เนื้อหา

ดูฟอนต์ →

Roboto

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 9 น้ำหนัก

วิธีใช้

HTML

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@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: 'Bebas Neue', sans-serif;
}

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

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

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

เหมาะสำหรับ

poster landing-page sports