Raleway + Lora

8/10 elegant-refined

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

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

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

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

Raleway's thin elegance creates sophisticated headlines, while Lora's well-balanced serifs offer comfortable extended reading. An elegant, bookish combination.

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

หัวเรื่อง

ดูฟอนต์ →

Raleway

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 9 น้ำหนัก

เนื้อหา

ดูฟอนต์ →

Lora

AaBbCcDdEeFfGg

0123456789 !@#$%

Serif 4 น้ำหนัก

วิธีใช้

HTML

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

CSS

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

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

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

คะแนน: 8/10
อารมณ์: elegant-refined
หัวเรื่อง: Raleway
เนื้อหา: Lora
หมวดหมู่หัวเรื่อง: Sans Serif
หมวดหมู่เนื้อหา: Serif

เหมาะสำหรับ

blog portfolio wedding