خلاصه جلسه پنجم – فونت‌ها در CSS (مرتب و بولت‌وار):

• فونت‌ها در CSS: کنترل ظاهر متن با استفاده از فونت‌ها.
• انواع فونت رایج:
  • Serif
  • Sans-serif
  • Monospace
  • Cursive
  • Fantasy
• font-family: تعیین لیست فونت‌ها برای عنصر؛ مرورگر اولین فونت موجود را انتخاب می‌کند.
• @font-face: افزودن فونت دلخواه از فایل محلی یا سرور.
• پرارپرتی‌های فونت:
  • font-weight: ضخامت فونت (normal, bold, 100–900)
  • font-style: حالت فونت (normal, italic, oblique)
  • font-variant: حالت‌های متنی خاص (small-caps و …)
  • font-stretch: پهنای فونت (normal, wider, narrower)
• خلاصه نویسی با پراپرتی font:

  • می‌توان چند ویژگی فونت را در یک خط ترکیب کرد:

     

    font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];
    

  • مثال:

     

    font: italic small-caps bold 16px/1.5 "Roboto", sans-serif;
    

  • ترتیب رعایت شود و فقط font-size و font-family اجباری هستند.
• Google Fonts: افزودن فونت از CDN و استفاده با font-family.