الفرق بين حجم نص CSS px وpt

في تصميم الويب CSS، يتم استخدام الخطوط غالبًا، وهناك وحدتان شائعتان الاستخدام لتحديد حجم الخط: px وpt. ما الفرق بين هذين؟

px: بكسل، بكسل، أصغر وحدة معروضة على الشاشة؛

pt: النقطة، النقطة، هي وحدة قياس قياسية للطول في صناعة الطباعة، 1pt = 1/72 بوصة؛

في نظام التشغيل Windows، تحدد إعدادات العرض الافتراضية النص على أنه 96 نقطة في البوصة. وهذا يوضح: 1px=1/96 بوصة؛ و1pt=1/72 بوصة، ويمكن استنتاج أنه في هذا الإعداد، 1px=0.75pt، الخط 9pt=12px.

ومع ذلك، يمكن للمستخدم تعديل حجم النقطة في البوصة المحدد بواسطة النص، على سبيل المثال، تغييره إلى 144 نقطة في البوصة بهذه الطريقة، 1 بكسل = 0.5 نقطة، وحجم الخط هو 9 نقطة = 18 بكسل. النص الذي كان يتكون في الأصل من 12 بكسل، أصبح الآن مكونًا من 18 بكسل، ومع المزيد من البكسل، يصبح النص "أكبر" وأسهل في القراءة.

ولذلك، فإن الفرق بين px وpt هو أن px سيتغير مع دقة الشاشة، وسيتغير pt مع إعداد حجم الخط لنظام Windows.