Point, Piksel, dan Em
Memilih Satuan yang Tepat
Bandingkan SatuanSatuan tipografi yang berbeda memiliki tujuan yang berbeda. Point cocok untuk cetak, piksel untuk layar tetap, dan em/rem untuk desain responsif. Memilih dengan tepat memastikan tipe Anda tampil baik di berbagai konteks.
Perbandingan Satuan
| Satuan | Jenis | Terbaik Untuk |
|---|---|---|
| pt (point) | Absolut | Desain cetak |
| px (piksel) | Absolut* | Elemen UI layar |
| em | Relatif | Spasi komponen |
| rem | Relatif | Skala font global |
| % (persen) | Relatif | Layout fleksibel |
| vw/vh | Relatif | Ukuran berbasis viewport |
*Piksel CSS adalah piksel referensi, bukan piksel layar fisik.
Kesimpulan
Desain responsif modern lebih memilih rem untuk tipografi dasar dengan em untuk spasi relatif terhadap komponen. Piksel cocok untuk kontrol presisi di mana penskalaan tidak diperlukan. Point tetap penting untuk cetak. Memahami perilaku setiap satuan membantu menciptakan desain yang konsisten dan mudah diakses.