انتخاب واحد و اندازه فونت برای طراحی صفحات وب

[New_Sra]

انتخاب اندازه و واحد فونت یکی از پیش نیازهای طراحی صفحات وب برای ایجاد خروجی یکسان در بسترهای مختلف است. واحد های اندازه گیری گوناگونی مانند point، pixel و em از گزینه های موجود به عنوان واحد اندازه گیری هستند.

واحد pixel یا px ساده ترین و مناسب ترین واحد برای تعیین اندازه ی فونت در صفحات وب است. این گزینه هنگامی کاربرد دارد که بخواهید متن های با اندازه ی ثابت در مقایسه با تصاویر داشته باشید.

برای مثال اگر اندازه ی فونت یک عنصر html را “12px” مشخص کنید، نوشته*ی شما در تمامی مرورگرها به همین اندازه نمایش داده می شود

واحد em واحدی نسبی است. بر اساس فونت پیش فرض در عنصر فعلی، واحد em معنی متفاوتی دارد. هر em با اندازه ی فونت فعلی برابری می کند. مثلا اگر اندازه ی فونت عنصری “12pt” باشد، “1em” برابر “12pt” و “2em” برابر با “24pt” خواهد بود.

واحد پرکاربرد بعدی point یا pt نام دارد. این واحد نیز واحدی نسبی است. شیوه ی محاسبه ی اندازه ی واقعی و پیکسلی وابسته به وضوح صفحه ی نمایش یا چاپگر مشخص می شود. بر طبق قرارداد، هر ۷۲ پوینت معادل یک اینچ تعیین شده است.

وضوح پیش فرض در سیستم عامل مکینتاش ۷۲ نقطه در اینچ است. در نتیجه تعیین اندازه ی فونت با پیکسل یا پوینت در آن یکسان است. ولی در ویندوز مقدار ۹۶ نقطه در اینچ عدد پیش فرض است و معنی آن این است که هر ۹۶ پیکسل با یک اینچ برابری خواهد کرد.

بنابراین اگر اندازه ی عنصری را “72pt” مشخص کنید، در مکینتاش با اندازه ی ۷۲ پیکسل و در ویندوز با اندازه ی ۹۶ پیکسل دیده خواهد شد.

برای ساده تر شدن محاسبات کافی است اندازه ی پوینت را به عدد ۷۲ تقسیم و نتیجه را در وضوح نمایش یا چاپ ضرب کنید.
مثلا محاسبه ی ۱۲ پوینت در ویندوز: ۱۲ را تقسیم بر ۷۲ و سپس در ۹۶ ضرب می کنیم که نتیجه عدد ۱۶ پیکسل خواهد بود.

با توجه به آنچه گفته شد، اگر بنا است خروجی شما در مرورگر به نمایش درآید واحد pixel، و اگر صفحه ی وب شما برای چاپ ایجاد شده است، واحد point یا سایر واحدهای فیزیکی مانند «میلیمتر»، «سانتی متر» و «اینچ» گزینه های بهتری هستند.

نویسنده : مسعود ایرانی