Apa itu Penguji Ukuran Font?

Ketik teks apa saja dan lihat di semua ukuran dari 8px hingga 96px. Ganti satuan antara px, rem, dan pt, lalu atur tinggi baris dan jarak huruf untuk menyempurnakan tipografi Anda.

Tempelkan kalimat apa pun, dan tool akan merendernya dalam 14 ukuran sekaligus, dari 8 px mungil hingga 96 px raksasa. Ganti unit antara px, rem, dan pt; sesuaikan tinggi baris dan jarak antar huruf secara langsung. Berguna untuk melihat persisnya kapan teks mulai sulit dibaca, atau membandingkan tombol 14 px versus 16 px sebelum mengutak-atik CSS.

Cara menggunakan

1. Langkah 1 — Ketik atau tempel teks yang ingin Anda uji.
2. Langkah 2 — Sesuaikan rentang ukuran dan satuan (px, rem, atau pt) untuk pratinjau.
3. Langkah 3 — Bandingkan semua ukuran secara berdampingan untuk memilih opsi terbaik bagi desain Anda.

Kapan menggunakan

• Memilih ukuran label navigasi: tetap terbaca tanpa membuat bilah penuh sesak.
• Membandingkan teks body 14 px dan 16 px untuk menutup debat di tim desain.
• Mengonversi ukuran px dari desainer ke rem agar halaman menghormati preferensi font pengguna.

Hasil

Menguji label navigasi: ketik 'Dashboard' dan bandingkan pada 12px, 14px, dan 16px untuk menemukan ukuran paling mudah dibaca tanpa membuang ruang.

FAQ

Untuk ukuran font web sebaiknya pakai px, rem, atau pt?

Gunakan rem untuk teks body dan komponen: skalanya mengikuti ukuran root yang diatur pengguna, dan ini penting untuk aksesibilitas. Sisakan px untuk border atau ikon sangat kecil yang harus persis. Pt adalah unit dari era cetak, sebaiknya dihindari di layar.

Ukuran body yang wajar berapa?

16 px (1 rem) adalah patokan de facto untuk paragraf di web. Turunkan ke 14 px hanya untuk teks sekunder seperti keterangan dan label. Situs yang menempatkan teks utama di bawah 14 px biasanya gagal audit aksesibilitas dan menyusahkan pembaca di layar kecil.

Seberapa besar pengaruh line-height pada keterbacaan?

Bidik 1.4 sampai 1.6 untuk body. Lebih rapat terasa sesak; lebih renggang merusak ritme antar paragraf. Heading bisa lebih rapat (sekitar 1.1 sampai 1.2) karena barisnya memang sudah pendek.

Kapan perlu menyetel letter-spacing (tracking)?

Longgarkan sedikit (sekitar 0.05 em) untuk label kapital semua, yang kerning default-nya terlihat rapat. Rapatkan (–0.01 sampai –0.02 em) untuk headline display yang sangat besar. Body teks dibiarkan saja — perancang fontnya sudah menyesuaikan dari sananya.

Apakah WCAG benar-benar mensyaratkan minimal 16 px?

WCAG tidak menetapkan batas minimum yang baku, tetapi mensyaratkan teks bisa diperbesar hingga 200% tanpa merusak tata letak. Dalam praktik, memulai body dari 16 px dan memakai unit relatif sudah memenuhi syarat itu. Ukuran default yang lebih kecil memaksa pengguna memperbesar manual, dan sebagian besar tidak melakukannya.

Alat terkait