CSS refenence, styling font sizes.
Compare rendered fonts, using px (pixel) and pt (point) sizes.
The 2nd column is the size (in pixels) of the box surrounding the sample text.
| font-family: Arial, Helvetica, Sans-Serif |
|---|
| 7px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 7pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8.5pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 13px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 15px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 19px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 21px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 20pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 27px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| font-family: Verdana |
|---|
| 7px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 7pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8.5pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 13px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 15px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 19px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 21px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 20pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 27px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| font-family: Times New Roman, Times, Serif |
|---|
| 7px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 7pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 8.5pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 9pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 13px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 10pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 11pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 15px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 12pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 14pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 19px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 21px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 16pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 20pt: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
| 27px: | zzzz | The quick brown fox jumped over the lazy dog. 01234 56789 |
