فصل css3  خلاصه مطالب جلسه 5 فونت ها در طراحی

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

فرمت های از نوع TTF قالبا برای سیستم عامل ها مثل مک و ویندوز هستند و برای وب ما باید بیایم و از فرمت های woff  و فرمت eot که ماکروسافت طراحی کرده استفاده میکنیم

نکته » font-family میشه نام اون فونت مورد نظر ما میشه صورت های اون فونت امون ( fonts-face ) مثلا از خانواده ی فونت های وزیر  صورت نازک یا معمولی اش  

اوردن @ در قبل از نام کلاس برا استایل دهی نشان از رزوی بودن اون دارد  برای رعایت مبحث ui / ux در داخل پروژه امان بهتر هستش که بیایم و از یک فونت استفاده بکنیم

مثال استفاده از یک فونت

@font-face{
  font-family: sahel;
  src: url('../fonts/Sahel.eot') format('eot'),
       url('../fonts/Sahel.woff')format('woff'),
       url('..fonts/Sahel.woff2') format('woff2');
}

استفاده از فونت های گوگل  وارد سایت fonts.google.com می شویم و یک قسمت دانلود داره که میتونیم بیایم و اون رو دانلود بکنیمش و یک قسمت سلکت استایل داره که ما میتوانیم بیایم و اون رو سلکت کنیم وارد  Embed که این حالت برای سرعت لود امون تاثیر داره یک گزینه لینک داره که ما میتونیم بیایم و از اون در داخل هدر سایت امون استفاده بکنیم   و یک مدل  import هم داره که اگه خواستیم در داخل یک فایل استایل بیایم قرار بدهیم از آن استفاه بکنیم و برای استفاده از اون میایم و از فونت فمیلی که گفته استفاده میکنیم

CDN مخفف Content Deliveri Network  هست که فضاهایی در بستر وب که یک چیز مشابه مثلا یک پکیج رو  یا فایل مشابه در جاهای مختلف دنیا رو سرو های مختلفی قرار گرفته و زمانی که ما از اون استفاده میکنیم زمانی که یک درخواست به سمت سرور ارسال می شود به نزدیک ترین سرور که اون فایل رو داره میره و در اون جا اون فایل رو میخونه و باعث افزایش سرعت لود وبسایت امون می شود