Chodzi o to, aby wziąć domyślny rozmiar tekstu przeglądarki (16pt) i  z nim kontrolować wielkość czcionki. Po pierwsze używamy tagu body aby zredukować wielkość czcionki do 62.5% z 16pt. Powoduje to domyślny rozmiar 10 pkt, co sprawia, że ​​tworzenie nowych reguł i zarządzanie CSS jest łatwiejsze

body{
  /* Redukuje wielkość czcionki do 10pt */
  font: 62.5%/1.5 "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

Teraz można kontrolować wielkość czcionki za pomocą em. Korzystanie z em pozwala zachować kontrolę i pozwala zmieniać rozmiar tekstu.

Aby zwiększyć lub zmniejszyć rozmiar czcionki możemy zdefiniować kolejne reguły, które są dziedziczone w kaskadzie.

p {font-size:1em} /* Czcionka 10pt */
h2 {font-size:1.2em} /* Czcionka 12pt */
.small {font-size: 0.8em} /* Czcionka 8pt */