
  Fonts affect **readability** and **professional look**.
  
  ## Font family
  ```css
  body {
    font-family: Arial, sans-serif;
  }
  ```
  
  ## Font size
  ```css
  p {
    font-size: 16px;
  }
  ```
  
  ## Font weight
  ```css
  h1 {
    font-weight: bold;
  }
  ```
  
  ## Real world rule
  - body text → simple fonts
  - headings → strong fonts
  
  ## UI imagination
  Bad font = user leaves  
  Good font = user reads more
  
  ## Remember
  - Keep fonts simple
  - Use consistent sizes
  

Learn how fonts work in CSS: font-family, size, weight, and how to choose readable fonts for real websites.

CSS Fonts

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Fonts

Font family

Font size

Font weight

Real world rule

UI imagination

Remember

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add