DM Sans + DM Serif Display

8/10 harmonious-elegant

Pratinjau Langsung

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

Mengapa Pasangan Ini Berhasil

From the same design family, DM Sans and DM Serif share proportional DNA, creating natural harmony. The sans/serif contrast provides clear hierarchy.

Spesimen Tipe

Heading

Lihat font →
DM Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 10 bobot

Isi

Lihat font →
DM Serif Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 1 bobot

Cara Penggunaan

HTML 

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

CSS

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

body, p, li {
  font-family: 'DM Serif Display', serif;
}

Detail Pasangan

Skor
8/10
Suasana
harmonious-elegant
Heading
DM Sans
Isi
DM Serif Display
Kategori heading
Sans Serif
Kategori isi
Serif

Terbaik Untuk

portfolio agency editorial

Tautan Cepat