Konverter Ukuran Font
Konversi ukuran font antara px, em, rem, %, pt, dan vw secara instan dengan konverter ukuran font gratis kami. Masukkan nilai apa pun, pilih satuan masukan, dan dapatkan hasil langsung di keenam satuan CSS dengan ukuran font dasar dan lebar viewport yang dapat diatur. Termasuk pratinjau teks langsung, kartu satuan yang dapat diklik untuk melanjutkan konversi, tabel referensi untuk nilai piksel umum, serta salin sekali klik untuk setiap nilai. Sepenuhnya privat, 100% gratis, dan tanpa pendaftaran.
font-size: 16px;Preview
The quick brown fox jumps over the lazy dog
Preview at 16px -
Common Font Sizes
Reference Table - Common PX Values(root: 16px, viewport: 1920px)
| px | rem | em | % | pt | vw |
|---|---|---|---|---|---|
| 4 | 0.25 | 0.25 | 25% | 3 | 0.2083 |
| 8 | 0.5 | 0.5 | 50% | 6 | 0.4167 |
| 10 | 0.625 | 0.625 | 62.5% | 7.5 | 0.5208 |
| 12 | 0.75 | 0.75 | 75% | 9 | 0.625 |
| 14 | 0.875 | 0.875 | 87.5% | 10.5 | 0.7292 |
| 16 | 1 | 1 | 100% | 12 | 0.8333 |
| 18 | 1.125 | 1.125 | 112.5% | 13.5 | 0.9375 |
| 20 | 1.25 | 1.25 | 125% | 15 | 1.0417 |
| 24 | 1.5 | 1.5 | 150% | 18 | 1.25 |
| 28 | 1.75 | 1.75 | 175% | 21 | 1.4583 |
| 32 | 2 | 2 | 200% | 24 | 1.6667 |
| 36 | 2.25 | 2.25 | 225% | 27 | 1.875 |
| 40 | 2.5 | 2.5 | 250% | 30 | 2.0833 |
| 48 | 3 | 3 | 300% | 36 | 2.5 |
| 56 | 3.5 | 3.5 | 350% | 42 | 2.9167 |
| 64 | 4 | 4 | 400% | 48 | 3.3333 |
| 72 | 4.5 | 4.5 | 450% | 54 | 3.75 |
| 96 | 6 | 6 | 600% | 72 | 5 |
Mengapa memakai konverter ukuran font kami?
- Konversi multi-satuan instan: konverter langsung menampilkan nilai setara di keenam satuan — px, em, rem, %, pt, dan vw — saat Anda mengetik. Tanpa tombol yang perlu ditekan dan tanpa memuat ulang halaman. Setiap kartu satuan bisa diklik sehingga Anda dapat langsung melanjutkan konversi dari satuan keluaran mana pun.
- Dasar & viewport yang dapat diatur: atur ukuran font akar (bawaan 16px) dan lebar viewport (bawaan 1920px) sesuai konteks proyek Anda. Pilih dari preset umum atau masukkan nilai khusus. Semua konversi diperbarui seketika saat Anda mengubah pengaturan ini.
- 100% privat — tanpa unggahan: semua konversi ukuran font terjadi lokal di browser Anda. Nilai Anda tidak pernah meninggalkan perangkat dan tidak pernah dikirim ke server mana pun — aman untuk sistem desain eksklusif dan pekerjaan klien.
- Gratis & tanpa batas: konversi ukuran font tanpa batas, tanpa pendaftaran, tanpa langganan, dan tanpa batas penggunaan. Konverter ukuran font sepenuhnya gratis selamanya, tanpa iklan yang menghalangi antarmuka.
Kasus penggunaan umum konverter ukuran font
- Desain UI & web: desainer UI memakai konverter untuk menerjemahkan ukuran font dari mockup (biasanya dalam px dari Figma atau Sketch) menjadi satuan rem atau em yang responsif untuk pengembangan. Dengan begitu desain diterapkan dengan akurat sambil menjaga aksesibilitas dan skalabilitas.
- Pengembangan CSS: pengembang front-end memakai konverter untuk mengubah nilai piksel dari spesifikasi desain ke satuan CSS yang paling sesuai untuk tiap keperluan — rem untuk tipografi global, em untuk ukuran terbatas komponen, vw untuk judul fluida, dan pt untuk lembar gaya cetak.
- Tipografi responsif: pengembang yang membangun situs responsif memakai konverter untuk menghitung skala tipografi fluida. Dengan mengonversi antara px dan vw pada berbagai lebar viewport, mereka dapat membuat fungsi clamp() yang menskalakan teks dengan mulus di semua ukuran layar.
- Token sistem desain: pengelola sistem desain memakai konverter untuk menentukan token skala tipografi yang konsisten. Mengonversi sekumpulan nilai piksel dasar ke rem, em, dan persen memastikan sistem berfungsi di semua konteks satuan CSS.
- Kepatuhan aksesibilitas: spesialis aksesibilitas memakai konverter untuk memastikan ukuran font memenuhi persyaratan WCAG. Memahami hubungan antara px dan rem membantu memastikan teks menghormati preferensi ukuran font pengguna (WCAG 1.4.4, Ubah Ukuran Teks).
- Desain cetak & PDF: desainer cetak memakai konverter untuk menerjemahkan antara px (layar) dan pt (cetak). Ini memastikan desain digital dapat direproduksi dengan akurat di media cetak pada ukuran fisik yang benar.
Apa itu konverter ukuran font?
Konverter ukuran font menerjemahkan nilai ukuran font antara satuan CSS yang berbeda — px, em, rem, %, pt, dan vw. Setiap satuan punya karakteristik dan kegunaan berbeda. Alat kami mengonversi nilai masukan apa pun ke keenam satuan sekaligus, dengan pengaturan ukuran font dasar dan lebar viewport yang dapat diatur agar sesuai dengan konteks proyek Anda. Semua konversi terjadi seketika di browser Anda.
Mengapa memakai satuan relatif untuk ukuran font?
Memakai satuan relatif (rem, em, vw) untuk ukuran font adalah persyaratan aksesibilitas WCAG. Kriteria keberhasilan 1.4.4 pada WCAG 2.1 (Ubah Ukuran Teks) mewajibkan teks dapat diperbesar hingga 200% tanpa kehilangan konten atau fungsionalitas. Bila Anda memakai px untuk teks, preferensi ukuran font browser pengguna diabaikan: pengguna yang menyetel browser ke 20px bawaan akan melihat teks kecil yang sama dengan pengguna 16px.
REM adalah satuan yang direkomendasikan untuk tipografi pada sebagian besar arsitektur CSS modern karena menghormati preferensi pengguna, memberi ukuran konsisten di seluruh halaman, dan membuat penyesuaian ukuran font global sesederhana mengubah satu nilai pada elemen <html>. Konverter ukuran font kami membantu Anda menerjemahkan spesifikasi desain berbasis piksel menjadi satuan yang aksesibel dan responsif.
Cara memakai konverter ukuran font ini
- Masukkan nilai: ketik angka positif apa pun di kolom masukan. Pilih satuan (px, em, rem, %, pt, atau vw) pada menu tarik-turun. Konverter langsung menampilkan hasil di keenam satuan.
- Atur pengaturan dasar: tentukan ukuran font akar (dasar) dan lebar viewport sesuai proyek Anda. Tersedia preset cepat, atau masukkan nilai khusus. Mengubah pengaturan ini memperbarui semua konversi secara real time.
- Tinjau dan salin: setiap kartu satuan menampilkan nilai hasil konversi. Klik kartu mana pun untuk menjadikan satuan itu masukan baru dan melanjutkan konversi. Arahkan kursor ke kartu dan klik ikon salin untuk menyalin nilai yang diformat. Sebuah deklarasi CSS juga disediakan untuk salin-tempel cepat ke stylesheet Anda.
- Gunakan tabel referensi: tabel referensi menampilkan nilai piksel umum yang dikonversi ke semua satuan dengan pengaturan Anda — ideal untuk mencari ukuran standar dengan cepat.
Pertanyaan yang Sering Diajukan
Konverter ukuran font menerjemahkan nilai ukuran font antara satuan CSS yang berbeda — px, em, rem, %, pt, dan vw. Konverter kami langsung menampilkan nilai setara di keenam satuan sekaligus, dengan pengaturan ukuran font dasar dan lebar viewport yang dapat diatur.
Cukup masukkan angka positif di kolom masukan, pilih satuan masukan pada menu tarik-turun, dan konverter langsung menampilkan nilai setara di keenam satuan. Klik kartu hasil mana pun untuk menjadikan satuan itu sebagai masukan baru. Arahkan kursor ke kartu untuk menyalin nilai yang sudah diformat.
rem bersifat relatif terhadap ukuran font elemen akar (<html>): 1rem selalu sama dengan ukuran font akar. em bersifat relatif terhadap ukuran font elemen induk dan bertumpuk saat bersarang. Rem lebih mudah diprediksi untuk ukuran global; em berguna untuk ukuran yang terbatas pada komponen.
Ukuran font akar bawaan browser adalah 16px, pengaturan yang paling umum. Sebagian desainer memakai 10px agar perhitungan rem lebih mudah. Konverter kami mendukung ukuran font dasar apa pun: pilih dari preset atau masukkan nilai khusus.
Satuan vw (lebar viewport) membuat ukuran font relatif terhadap lebar jendela browser: 1vw = 1% dari lebar viewport. Pada layar selebar 1920px, 1vw = 19,2px. VW sering dipakai di dalam fungsi CSS clamp() dengan batas minimum dan maksimum untuk tipografi fluida.
rem = px ÷ ukuran font akar. Dengan akar bawaan 16px: 16px = 1rem, 24px = 1,5rem, 32px = 2rem. Untuk vw: vw = (px ÷ lebar viewport) × 100. Untuk pt: pt = px ÷ 1,333. Konverter kami menerapkan semua rumus secara instan.
Ya. Semua konversi terjadi 100% di sisi klien, di browser Anda. Nilai Anda tidak pernah dikirim ke server mana pun, tidak pernah disimpan, dan tidak pernah ditransmisikan ke mana pun.
Ya. Konverter ukuran font 100% gratis, tanpa pendaftaran, tanpa fitur premium, dan tanpa batas penggunaan. Konversi ukuran font sebanyak yang Anda mau, tanpa batasan.