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

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

فرمت‌های از نوع 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  هست که فضاهایی در بستر وب که یک چیز مشابه مثلا یک پکیج رو  یا فایل مشابه در جاهای مختلف دنیا رو سرو‌های مختلفی قرار گرفته و زمانی که ما از اون استفاده میکنیم زمانی که یک درخواست به سمت سرور ارسال می‌شود به نزدیک‌ترین سرور که اون فایل رو داره میره و در اون جا اون فایل رو میخونه و باعث افزایش سرعت لود وبسایت امون می‌شود