Perbedaan ukuran teks CSS px dan pt

Dalam CSS desain web, font sering digunakan, dan ada dua unit yang umum digunakan untuk mengatur ukuran font: px dan pt. Apa perbedaan antara keduanya?

px: piksel, piksel, satuan terkecil yang ditampilkan di layar;

pt: titik, titik, adalah satuan standar panjang dalam industri percetakan, 1pt = 1/72 inci;

Di Windows, pengaturan tampilan default menentukan teks sebagai 96dpi. Hal ini menggambarkan: 1px=1/96 inci; dan 1pt=1/72 inci. Dapat disimpulkan bahwa dalam pengaturan ini, 1px=0,75pt, fontnya 9pt=12px.

Namun, pengguna dapat mengubah ukuran dpi yang ditentukan oleh teks, misalnya mengubahnya menjadi 144dpi dengan cara ini, 1px=0,5pt, dan ukuran font adalah 9pt=18px. Sebuah teks yang awalnya terdiri dari 12px sekarang harus terdiri dari 18px. Dengan lebih banyak px, teks menjadi "lebih besar" dan lebih mudah dibaca.

Oleh karena itu, perbedaan antara px dan pt adalah px akan berubah seiring dengan resolusi monitor, dan pt akan berubah seiring dengan pengaturan ukuran font sistem Windows.