Konverter Ukuran Font
Ubah ukuran font antara poin, piksel, em, rem, persen, milimeter, inci, dan pica. Konverter mengikuti definisi CSS — 96 piksel dan 72 poin per inci — dan memungkinkan Anda mengatur ukuran font akar dan induk yang menjadi dasar em, rem, dan %.
Peramban dimulai dari 16 px. Ubah ini jika stylesheet Anda memberi ukuran lain pada elemen html atau pada induk.
12 pt dalam setiap satuan
| Satuan | Ukuran | CSS | Salin |
|---|---|---|---|
| Poin (pt) | 12 | 12pt | |
| Piksel (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| Persen (%) | 100 | 100% | |
| Milimeter (mm) | 4,2333 | 4.2333mm | |
| Sentimeter (cm) | 0,4233 | 0.4233cm | |
| Inci (in) | 0,1667 | 0.1667in | |
| Pica (pc) | 1 | 1pc |
Perhitungan
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25,4 ÷ 96 = 4,2333 mm
Word di Windows dan Google Docs mengukur huruf dalam poin dan memperlakukan satu inci sebagai 96 piksel, sehingga pada zoom 100% teks 12 poin tampak sama besar dengan teks 16px di peramban.
Ukuran poin umum
em, rem, dan % menggunakan ukuran akar dan induk di atas.
| Poin | Piksel | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0,5 | 0,5 | 50 | 2,12 |
| 7 | 9,33 | 0,583 | 0,583 | 58,3 | 2,47 |
| 8 | 10,67 | 0,667 | 0,667 | 66,7 | 2,82 |
| 9 | 12 | 0,75 | 0,75 | 75 | 3,18 |
| 10 | 13,33 | 0,833 | 0,833 | 83,3 | 3,53 |
| 10,5 | 14 | 0,875 | 0,875 | 87,5 | 3,7 |
| 11 | 14,67 | 0,917 | 0,917 | 91,7 | 3,88 |
| 12 | 16 | 1 | 1 | 100 | 4,23 |
| 14 | 18,67 | 1,167 | 1,167 | 116,7 | 4,94 |
| 16 | 21,33 | 1,333 | 1,333 | 133,3 | 5,64 |
| 18 | 24 | 1,5 | 1,5 | 150 | 6,35 |
| 20 | 26,67 | 1,667 | 1,667 | 166,7 | 7,06 |
| 22 | 29,33 | 1,833 | 1,833 | 183,3 | 7,76 |
| 24 | 32 | 2 | 2 | 200 | 8,47 |
| 28 | 37,33 | 2,333 | 2,333 | 233,3 | 9,88 |
| 32 | 42,67 | 2,667 | 2,667 | 266,7 | 11,29 |
| 36 | 48 | 3 | 3 | 300 | 12,7 |
| 48 | 64 | 4 | 4 | 400 | 16,93 |
| 72 | 96 | 6 | 6 | 600 | 25,4 |
Cara Menggunakan Konverter Ukuran Font
- 1. Masukkan ukuran dan satuannya. Ketik 12 lalu pilih poin, atau 24 lalu pilih piksel — salah satu dari sembilan satuan dapat menjadi titik awal.
- 2. Atur ukuran acuan jika diperlukan. rem diukur terhadap ukuran font akar (
html), dan em serta % terhadap ukuran font induk elemen. Keduanya dimulai dari 16 px, bawaan peramban. - 3. Baca ukuran dalam setiap satuan. Setiap baris memberikan nilai dan CSS yang dapat ditempel, dengan tombol salin, dan perhitungannya menunjukkan setiap konversi melalui piksel.
- 4. Periksa tabel ukuran umum. Ukuran poin dari menu pengolah kata, dari 6 hingga 72, tercantum beserta padanannya dalam piksel, em, rem, persen, dan milimeter.
Aturan Konversi
CSS menetapkan satuan fisik satu sama lain: satu inci sama dengan 96 piksel, 72 poin, 6 pica, atau 25,4 milimeter. Satu poin oleh karena itu tepat 4/3 piksel. Satuan relatif memerlukan satu angka lagi — ukuran font yang menjadi acuannya.
| Satuan | Ke piksel | Dari piksel |
|---|---|---|
| Poin (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| Pica (pc) | px = pc × 16 | pc = px ÷ 16 |
| Milimeter (mm) | px = mm × 96 ÷ 25,4 | mm = px × 25,4 ÷ 96 |
| Inci (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × ukuran induk | em = px ÷ ukuran induk |
| rem | px = rem × ukuran akar | rem = px ÷ ukuran akar |
| Persen (%) | px = % × ukuran induk ÷ 100 | % = px ÷ ukuran induk × 100 |
Ukuran akar dan induk dinyatakan dalam piksel; keduanya 16 px kecuali stylesheet mengubahnya.
Dengan bawaan, 12 pt adalah 12 × 96 ÷ 72 = 16 px. Lalu 16 ÷ 16 memberikan 1 em, 1 rem, dan 100%, dan 16 × 25,4 ÷ 96 memberikan 4,2333 mm. Atur ukuran induk menjadi 20 px dan 16 px yang sama menjadi 0,8 em dan 80% — tetapi tetap 1 rem, karena rem mengabaikan induk.
Mengapa 12 pt Sama dengan 16 px
Satu poin adalah 1/72 inci dan satu piksel CSS adalah 1/96 inci, sehingga 12 poin adalah 12/72 = 1/6 inci, yaitu 96 ÷ 6 = 16 piksel. Word di Windows dan Google Docs juga memperlakukan satu inci sebagai 96 piksel di layar, sehingga pada zoom 100% teks 12 poin tampak sama besarnya dengan teks 16 px di peramban — dan 16 px adalah ukuran yang digunakan peramban untuk teks yang tidak diberi ukuran oleh stylesheet.
Satu piksel CSS belum tentu satu titik pada layar Anda. Pada layar kepadatan tinggi, satu piksel CSS mencakup beberapa piksel perangkat, dan peramban menskalakan semua satuan bersama-sama, sehingga perbandingan di atas selalu berlaku. LaTeX adalah pengecualian umum terhadap inci 72 poin: pt-nya adalah poin percetakan, 72,27 per inci, sehingga 12pt LaTeX sekitar 0,4% lebih kecil daripada 12 pt di Word atau CSS. bp TeX ("big point") adalah poin 72 per inci yang digunakan konverter ini.
Ukuran Font untuk Makalah Akademik
Panduan gaya menetapkan ukuran huruf dalam poin, sehingga font makalah tidak pernah perlu dikonversi — tetapi berguna untuk mengetahui apa yang sebenarnya diminta setiap panduan:
- APA 7 menyebut pasangan font dan ukuran, bukan satu ukuran: Calibri 11 poin, Arial 11 poin, Lucida Sans Unicode 10 poin, Times New Roman 12 poin, Georgia 11 poin, atau Computer Modern 10 poin.
- MLA 9 meminta jenis huruf yang mudah dibaca dengan huruf miring yang kontras dengan gaya biasa, pada ukuran antara 11 dan 13 poin kecuali dosen Anda menentukan lain.
- Turabian (gaya Chicago untuk mahasiswa): lembar panduan resminya menyarankan Times New Roman atau Calibri 12 poin, atau Arial 11 poin.
Font tampak berbeda pada ukuran poin yang sama — Arial terbaca lebih besar daripada Times New Roman — itulah sebabnya APA memasangkan setiap font dengan ukurannya sendiri. Untuk margin, spasi, header, dan bagian halaman lainnya, lihat Cara memformat makalah akademik dalam APA, MLA, dan Chicago.
Pertanyaan yang Sering Diajukan
- Berapa piksel 12 pt?
- 16 piksel. CSS mendefinisikan satu inci sebagai 96 piksel dan 72 poin, sehingga satu poin adalah 4/3 piksel dan 12 × 4/3 = 16. Aturan yang sama membuat 10 pt sama dengan 13,33 px, 11 pt sama dengan 14,67 px, dan 14 pt sama dengan 18,67 px.
- Bagaimana cara mengonversi px ke rem?
- Bagi dengan ukuran font akar. Pada bawaan 16 px, 24 px adalah 24 ÷ 16 = 1,5rem dan 14 px adalah 0,875rem. Jika stylesheet Anda memberi elemen
htmlukuran lain, masukkan ukuran itu sebagai ukuran akar dan konverter akan menggunakannya. - Apa perbedaan antara em dan rem?
- Keduanya relatif terhadap ukuran font, tetapi terhadap ukuran yang berbeda. rem selalu mengacu pada elemen akar (
html), sehingga 1,5rem sama besar di seluruh halaman. em mengacu pada elemen induk, sehingga 1,5em di dalam kotak yang teksnya sudah 1,5em menjadi 2,25 kali ukuran akar — em bertumpuk, rem tidak. - Apakah 1em selalu 16px?
- Hanya secara bawaan. 1em sama dengan ukuran font elemen induk dan 1rem sama dengan ukuran font akar, dan peramban memulai keduanya dari 16 px. Pembaca yang menaikkan ukuran teks bawaan di pengaturan peramban mengubah titik awal itu, itulah sebabnya teks berukuran rem atau em mengikuti pilihannya sedangkan teks berukuran px tidak.
- Berapa milimeter 12 pt?
- 12 poin adalah 1/6 inci, atau sekitar 4,23 mm. Itu adalah ukuran kotak em font, ruang desain tempat setiap huruf digambar, bukan tinggi huruf kapital, yang dalam font teks umum kira-kira dua pertiganya.
- Mengapa ukuran poin yang sama terlihat lebih besar di beberapa font?
- Ukuran poin menetapkan kotak em, bukan huruf yang terlihat. Font menggambar hurufnya dengan proporsi berbeda di dalam kotak itu — Arial memiliki huruf kecil yang lebih tinggi daripada Times New Roman — sehingga Arial 12 poin tampak lebih besar. Itulah sebabnya APA 7 memasangkan Arial 11 poin dengan Times New Roman 12 poin alih-alih memberi satu ukuran untuk setiap font.