تایپوگرافی : در واقع همان حسی هستش که ما باید با انتخاب یک فونت مناسب میایم و حس مناسب و به کاربرمون منتقل میکنیم
فونت در حقیقت نامی هست که ما برای دسته از فونت ها داریم حال هرکدوم از این فونت ها در رون خودشون دسته ای از فونت ها رو دارن که زیر شاخه ای دسته اصلی می شوند حال اون زیر شاخه های فونت اصلی که پسوند های 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 برای تبدیل فونت ها استفاده میکنیم
معرفی واحد های rem & emm & vh &vw
زمانی که ما از واحد rem میایم و استفاده میکنیم واسبتگی بر اساس HTML root هستش که مقدار پیش فرض برابر 16 پیکسل هستش که میتوانیم تغیرش دهیم که با مقادیر عددی دادن میتوانیم بیایم و یک تناسبی نسسبت به روت بدههیم برای مثال مقدار 2rem برابر هستش با مقدار 32 px
واحد em مقداری رو که میگیرد برعکس بالایی از والدش هستش
vh واحدی که بیشتر برای تصاویر یا بلاک ها مورد استفاده قرار میگیرد که برای گرفتن ارتفاع 100 درصد دیوایس اش رو پر بکند یا اصطلاحا فول اسکرین باشد که هر 1 واحد آن یعنی یک درصد از viewPort
استفاده از 100 درصد در ارتفاع دادن یعنی مقدار 100 درصد محتوا رو بیا و پر بکن ولی vh مقدار viewPort پر میکند
یاداوری » نکته های مربوط به min-height