Fonts in HTML and CSS
There's also a page for dynamic side by side comparison of different fonts.
The font tag in HTML allows you to size fonts using a number
from 1 to 7.
CSS allows you to use amongst others points and pixel sizes.
How do they compare?
Comparison
1 vs 10px, 7pt, 8pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
2 vs 10pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
3 vs 12pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
4 vs 18px, 13pt, 14pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
5 vs 18pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
6 vs 24pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
7 vs 36pt
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
HTML Font Sizes
1 Lorem ipsum dolor sit amet
2 Lorem ipsum dolor sit amet
3 Lorem ipsum dolor sit amet
4 Lorem ipsum dolor sit amet
5 Lorem ipsum dolor sit amet
6 Lorem ipsum dolor sit amet
7 Lorem ipsum dolor sit amet
CSS Point Sizes
7 Lorem ipsum dolor sit amet
8 Lorem ipsum dolor sit amet
9 Lorem ipsum dolor sit amet
10 Lorem ipsum dolor sit amet
11 Lorem ipsum dolor sit amet
12 Lorem ipsum dolor sit amet
13 Lorem ipsum dolor sit amet
14 Lorem ipsum dolor sit amet
15 Lorem ipsum dolor sit amet
16 Lorem ipsum dolor sit amet
17 Lorem ipsum dolor sit amet
18 Lorem ipsum dolor sit amet
24 Lorem ipsum dolor sit amet
36 Lorem ipsum dolor sit amet
CSS Pixel Sizes
9 Lorem ipsum dolor sit amet
10 Lorem ipsum dolor sit amet
11 Lorem ipsum dolor sit amet
12 Lorem ipsum dolor sit amet
13 Lorem ipsum dolor sit amet
14 Lorem ipsum dolor sit amet
15 Lorem ipsum dolor sit amet
16 Lorem ipsum dolor sit amet
17 Lorem ipsum dolor sit amet
18 Lorem ipsum dolor sit amet
24 Lorem ipsum dolor sit amet
30 Lorem ipsum dolor sit amet
36 Lorem ipsum dolor sit amet