Cara menggunakan
- Pilih unit yang anda ada (pt, px, mm, em atau %) dan masukkan saiz.
- Semua unit lain dipaparkan serentak bersama pratonton saiz tersebut.
- Untuk em, rem dan %, tetapkan saiz fon asas — pelayar biasanya menggunakan 16 px.
Penerangan pilihan
- Titik dan piksel
- Satu titik ialah 1/72 inci dan CSS mentakrifkan piksel sebagai 1/96 inci, jadi 1 pt = 4/3 px dan 12 pt = 16 px.
- Milimeter
- 1 pt = 25.4 ÷ 72 ≈ 0.353 mm. Ini ialah saiz fizikal badan huruf dan terpakai ketika mencetak.
- em, rem dan peratus
- Gandaan saiz fon asas. Dengan asas 16 px, 1 em = 1 rem = 100% = 16 px = 12 pt.
- Saiz Cina (号)
- Pemproses kata Cina menamakan saiz dan bukan menggunakan titik, daripada 初号 (42 pt) hingga 八号 (5 pt). Saiz ini turut boleh ditukar.
Saiz biasa
| pt | px | em (asas 16 px) |
|---|---|---|
| 9 | 12 | 0.75 |
| 10.5 | 14 | 0.875 |
| 12 | 16 | 1 |
| 14 | 18.67 | 1.1667 |
| 18 | 24 | 1.5 |
| 24 | 32 | 2 |
Saiz web dalam piksel, poin dan rem
Dengan lalai pelayar 16 px sebagai saiz asas:
| Piksel | Poin | rem / em | Kegunaan tipikal |
|---|---|---|---|
| 12 px | 9 pt | 0.75 rem | Kapsyen, nota kaki |
| 14 px | 10.5 pt | 0.875 rem | Teks kecil, label |
| 16 px | 12 pt | 1 rem | Teks isi |
| 18 px | 13.5 pt | 1.125 rem | Teks isi besar, perenggan pembuka |
| 20 px | 15 pt | 1.25 rem | Tajuk kecil |
| 24 px | 18 pt | 1.5 rem | Tajuk |
| 32 px | 24 pt | 2 rem | Tajuk halaman |
Unit yang perlu digunakan
pt (poin) untuk cetakan dan pemproses perkataan: 1 pt ialah 1/72 inci, jadi teks 12 pt mempunyai saiz fizikal yang sama pada mana-mana pencetak.
px (piksel CSS) untuk skrin: 1 px ditakrifkan sebagai 1/96 inci pada zum biasa, yang menjadikan 12 pt sama dengan 16 px.
rem dan em bersifat relatif. 1 rem ialah saiz fon akar (biasanya 16 px); 1 em ialah saiz fon elemen induk. Menggunakan rem untuk teks membolehkan orang yang menetapkan fon lalai yang lebih besar dalam pelayar mereka mendapat teks yang lebih besar di mana-mana.
Milimeter membantu apabila memadankan sampel bercetak: ukur ketinggian huruf besar dan saiz isi kira-kira 1.4 kali ganda ketinggian itu, bergantung pada jenis huruf.
Soalan lazim
Berapa piksel ialah 12 pt?
16 px. Darab titik dengan 4/3 untuk mendapatkan piksel CSS, atau piksel dengan 0.75 untuk mendapatkan titik.
Apakah perbezaan em dan rem?
rem relatif kepada saiz fon akar (html); em relatif kepada saiz fon unsur induk. Jika tiada saiz ditetapkan, kedua-duanya ialah 16 px.
Mengapa saiz teks pada skrin tidak sepadan dengan penukaran?
Piksel CSS ialah unit logik pada 96 DPI. Saiz fizikal skrin bergantung pada ketumpatan piksel dan zum sistem. Titik dan milimeter hanya tepat apabila dicetak.
Privasi
Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.