IBM Plex Sans + IBM Plex Serif

9/10 systematic-professional

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

IBM Plex Sans and Serif share the same design language — co-designed for perfect harmony. The sans/serif contrast creates natural hierarchy within a unified system.

Spesimen Tipe

Heading

Lihat font →
IBM Plex Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 7 bobot

Isi

Lihat font →
IBM Plex Serif
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 7 bobot

Cara Penggunaan

HTML 

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

CSS

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

body, p, li {
  font-family: 'IBM Plex Serif', serif;
}

Detail Pasangan

Skor
9/10
Suasana
systematic-professional
Heading
IBM Plex Sans
Isi
IBM Plex Serif
Kategori heading
Sans Serif
Kategori isi
Serif

Terbaik Untuk

documentation enterprise dashboard

Tautan Cepat