
  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

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add