استفاده از واحدهای طولی برای سایز فونت

استفاده از واحدهای طولی برای سایز فونت

خاصیت font-size می تواند با مقدار عددی و طولی مقدار دهی شود. تمامی قوانینی که در قطعه کد زیر آمده اند٬ نتیجه یکسانی با هم خواهند داشت.

p.one {font-size: 36pt;}
    p.two {font-size: 3pc;}
    p.three {font-size: 0.5in;}
    p.four {font-size: 1.27cm;}
    p.five {font-size: 12.7mm;}

در عکس زیر فرض بر این شده است که عامل کاربر می داند که در هر اینچ چه تعداد نقطه برای نمایش سایز medium استفاده شده است.

عامل های متفاوت٬ فرض های متفاوت و مبتنی بر سیستم عامل دارندو بعضی ها مبنا را بر تنظیمات پیش فرض مرورگر می گذارند و بعضی ها مبنا را بر فرض برنامه نویس ( کسی که عامل کاربر را نوشه است )‌ می گذارند. با این وجود٬‌ ۵ خط در تصویر باید همیشه سایز یکسان داشته باشند. واحد اندازه گیری های مختلف باید با هم مطابق و سازگار باشند. ولی میبینید که این طور نیست 😐

استفاده از واحدهای طولی برای سایز فونت

** تمام خطوط تصویر٬ سایز ۳۶px را نمایش می دهند.

با وجود این تفاوت ها٬ هنوز هم اکثر طراحان ترجیح می دهند بری سایز فونت از واحد پیکسل استفاده کنند.

علاوه بر این٬ یک موضوع جالب این جا وجود دارد. این که شما می توانید متن و تصویر ( بخوانید محل تصویر ) را در یک صفحه وب با هم تنظیم کنید. ( تصاویری از قبیل GIF, JPG و …)

از این رو٬ یک متن با خاصیت font-size می تواند ( در تئوری‌ )‌ با ارتفاعی مشابه یک عنصر گرافیکی در یک صفحه قرار بگیرد. به تصویر زیر توجه کنید:

استفاده از واحدهای طولی برای سایز فونت

 

اینجا اشکالی وجود دارد.

مرورگرها نمی توانند به راحتی در پیکسل تغییر سایز بدهند و این در موارد مبتنی بر پیکسل٬ سایز بد و ناموزونی در موبایل ها نمایش می دهد.

به این دلیل سایز دهی با پیکسل معمولا پیشنهاد نمی شود. برای تفهیم بیش تر مطلب به اینجا سر بزنید.

موفق و موید باشید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *