Raleway + Lora

8/10 elegant-refined

Live Preview

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

Why This Pairing Works

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

Type Specimen

Heading

View font →
Raleway
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 weights

Body

View font →
Lora
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 4 weights

How to Use

HTML <link>

<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;
}

Pairing Details

Score
8/10
Mood
elegant-refined
Heading
Raleway
Body
Lora
Heading category
Sans Serif
Body category
Serif

Best For

blog portfolio wedding

Quick Links