۲ emad ta
فصل تایپوگرافی خلاصه قسمت‌های 1 تا آخر
جامعه Html & CSS ایجاد شده در ۱۱ شهریور ۱۳۹۹

تایپوگرافی :  در واقع همان حسی هستش که ما باید با انتخاب یک فونت مناسب میایم  و  حس مناسب و به کاربرمون منتقل میکنیم 

 

فونت در حقیقت نامی هست که ما برای دسته از فونت‌ها داریم حال هرکدوم از این فونت‌ها در رون خودشون دسته ای از فونت‌ها رو دارن که زیر شاخه ای دسته اصلی می‌شوند حال اون زیر شاخه‌های فونت اصلی که پسوند‌های bold و ...  دارند که به عبارت ساده‌تر فونت هایی که میان و ذخامت رو نسبت به فونت‌های اصلی جدا میکنند می‌شوند تایپ فیس‌ها typeFace ها 

 

به فونت هایی که یکسری شکسته گی دارند و در نام خود کلمه  serif را دارند و اون دسته از فونت هایی که این ساختار رو ندارند رو بهشون میگویند sansSerif می‌گویند 

 

تنظیم فاصله »   ( kerning &  Tracking  & Learning ) : 

 

گزینه ی kerning میاد میگوید که من یک پراپرتی در css دارم به نام  letter Spaceing  که فاصله ی بین کلمات رو باهم و letter‌ها رو باهم دیگه اوکی میکند 

 

Tracking : این گزینه میاد و فاصله ی بین کاراکتر هارو برای ما مشخص میکند 

 

فاصله گزاری  ( spaceing  or leading ) که پراپرتی مربوط به آن در سی اس اس line-hight 

 

مفهوم widows و orphans که به معنی این هستش که یک کلمه در انتها می‌ماند و یا یک کلمه در خط اول می‌ماند وبقیه میرن خط بعدی  که برای حل این  مشکلات راه حل‌های زیر را داریم

 

1- تنظیم کردن اندازه ی فونت ها 

2- تغیر دادن عرض کانتیر ها 

3- اضافه کردن یا حذف کردن قسمتی از متن 

4- تغیر دادن میزان فاصله گزاری ها 

برای رعایت در کنتراست رنگ‌ها سعی کنید که از رنگ‌های خالص استفاده نکنیم مثلا اگر رنگ سیاه مدنظرمون بود نیایم و از رنگ سیاه خالص استفاده بکنیم بلکه ی خورده خلوص اون رو پایین بیاریم 

 

از وب سایت‌های fontConvert برای تبدیل فونت‌ها استفاده میکنیم 

emad ta ۱۲ شهریور ۱۳۹۹، ۱۰:۲۱

معرفی واحد های  rem & emm & vh &vw   

 

زمانی که ما از واحد rem میایم و استفاده میکنیم واسبتگی بر اساس  HTML root هستش که مقدار پیش فرض برابر 16 پیکسل هستش که میتوانیم تغیرش دهیم که با مقادیر عددی دادن میتوانیم بیایم و یک تناسبی نسسبت به روت بدههیم برای مثال مقدار 2rem برابر هستش با مقدار 32 px

 

واحد em  مقداری رو که میگیرد برعکس بالایی از والدش هستش 

vh واحدی که بیشتر برای تصاویر یا بلاک‌ها مورد استفاده قرار میگیرد که برای گرفتن ارتفاع 100 درصد دیوایس اش رو پر بکند یا اصطلاحا فول اسکرین باشد که هر 1 واحد آن یعنی یک درصد از viewPort 

 

استفاده از 100 درصد در ارتفاع دادن یعنی مقدار 100 درصد محتوا رو بیا و پر بکن  ولی vh  مقدار  viewPort  پر میکند 

 

یاداوری »  نکته‌های مربوط به min-height 

emad ta ۱۲ شهریور ۱۳۹۹، ۱۵:۲۹