Rozmiar czcionki na stronie www jest bardzo ważnym elementem. Tekst na stronie musi być przejrzysty i nie może męczyć wzroku użytkowników.
Rozmiar czcionki ustawia się w ten sposób:
p { font-size: rozmiar;}
Oczywiście p jest tutaj przykładem, rozmiar czcionki można ustawiać również dla innych elementów, np. dla tytułów h1...h6, dla komórek tabel.
Natomiast określanie rozmiaru czcionki może się odbywać na kilka sposobów. Można podawać:
1. Jednostki długości:
a) względne:
-em – wysokość aktualnej czcionki
-ex – wysokość małej litery x
-px – piksele ekranowe
b) bezwzględne:
-in – cale
-cm – centymetry
-mm – milimetry
-pt – punkty (1pt=1/72 in)
-pc- pika (1pc=12pt)
2. Wartości absolutne:
-xx-small - najmniejsza
-x-small - mniejsza
-small - mała
-medium - średnia
-large - duża
-x-large - większa
-xx-large - największa
3. Wartości względne:
-smaller - mniejsza od bieżącej
-larger - większa od bieżącej
4. Procentowo – procent wielkości bieżącej czcionki.
Najbezpieczniejszym sposobem ustalania rozmiaru czcionki jest podawanie rozmiaru px dla czcionki wyświetlanej na ekranie i pt dla czcionki do wydruku.