Lompat ke konten utama
←

Dasar Desain Visual

Pelajaran 9 dari 16

Tipografi

Satuan ukuran: pt, px, em, dan rem

Setelah pelajaran ini kamu bisa mengubah ukuran huruf antara pt, px, in, em, dan rem.

±13 menitDiperiksa 27 Sep 2026

Materi

Ukuran huruf ditulis dalam beberapa satuan, dan semuanya bisa dikonversi. Spesifikasi CSS Values and Units menetapkan satuan absolut terhadap inci: 1 in = 2,54 cm = 96px, 1pt = 1/72 in, dan 1px = 1/96 in. Dari situ, 1pt sama dengan 96/72 = 4/3 px, kira-kira 1,333px, angka yang juga dipakai Understanding 1.4.3. Karena keduanya satuan absolut, angka pt di dokumen cetak selalu dapat diubah ke px untuk layar.

Dua satuan lain bersifat relatif. Satuan em sama dengan ukuran huruf elemen itu sendiri; bila dipakai pada font-size, em mengacu ke ukuran huruf induknya. Satuan rem mengacu ke ukuran huruf elemen akar halaman. MDN mencatat ukuran huruf bawaan peramban umumnya 16px, sehingga 1rem = 16px selama tidak diubah. Satuan relatif membuat seluruh teks ikut membesar bila pengguna memperbesar ukuran huruf bawaannya.

12pt  → 12 × 96 / 72 = 16px
2rem  → 2 × 16px     = 32px   (akar 16px)
0,75em pada induk 24px → 18px
288px → 288 / 96     = 3 in

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Judul dokumen cetak berukuran 18pt. Berapa px ukuran yang setara di layar?

Latihan 2 dari 3

Ukuran huruf akar sebuah halaman diubah menjadi 20px. Berapa px teks berukuran 1,25rem?

Latihan 3 dari 3

Sebuah garis panjangnya 144px. Berapa inci panjang itu menurut satuan CSS?

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke