رفتن به مطلب

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


پست های پیشنهاد شده

با درود به دوستان انجمن پرستاشاپ فارسي

 

بعضي وقت ها فروشگاه داران خودشون دست به كار ميشن و دست به طراحي مي زنند ولي مي بينم اصلا اين نكات مهم رو رعايت نمي كنند كه بد نيست به اون اشاره اي داشته باشيم

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

موفق باشيد :cool:

 

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 2 years later...

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

در حال بارگذاری


  • کاربران آنلاین در این صفحه

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...