PORADNIK Wielkość czcionki px,em,%,pt

Jako, że do określenia wielkości czcionek można używać kilku jednostek w skrócie opiszę co one oznaczają, różnica pomiędzy nimi jest dość znaczna i ma wpływ na łatwe zmiany wszystkich wielkości czcionek w zależności od rozmiaru okna.
Podział:
Wielkości względne - (em oraz %) - jednostki które obliczane są względem podstawowej wielkości czcionki.
Wielkości bezwzględne - (px oraz pt) - jednostki posiadające jeden ustalony wymiar.
Czcionki bezwzględne określamy dla np body i one będą punktem wyjścia dla całej strony.
Resztę czcionek i ich wielkości ustalamy w jednostkach em lub %, ich wielkości będą obliczane na podstawie wielkości czcionki nadrzędnej.

Jeśli teraz chcemy powiększyć czcionki na całej stronie, a użyliśmy jednej wielkości bazowej i innych np w em, zmieniamy jedynie wielkość czcionki bazowej, a reszta wielkości automatycznie nam się dostosowuje.
Oczywiście robimy to z rozwaga, jednak można zdefiniować maksymalne wielkości okna dla którego czcionki na stronie mają daną wielkość.
Jeśli wszędzie użyjemy czcionek z wielkościami wyrażonymi w px lub pt, aby zmienić wszystkie wielkości będziemy zmuszeni do zmian w wielu miejscach.
Jednak nie jest tak różowo, o ile przy obliczeniach wielkości czcionki 1em oznacza jakby 100% to jeśli występują liczby nie całkowite to przeglądarka może różnie zinterpretować i zaokrąglić wynik, przez co może być ciężko zapanować nad stroną w każdej przeglądarce i każdej rozdzielczości.
Ważna sprawa, jeśli bardzo zagnieździmy elementy może być nam ciężko zapanować nad wielkościami wyrażonymi w em, i tu przychodzi nam z pomocą rem dzięki niej zdefiniujemy wielkość czcionki w stosunku do głównego parametru dokumentu umieszczonego w definicji html (jeśli nie zdefiniujemy wielkości defaultowa wielkość czcionki dla dokumentu wyniesie 16px)
rem to root em