Heres a quick comparison of the <font> tag with a 'size' attribute and a <span> tag with an inline style. This shows what size in pixels the 'size' attribute actually relates to. This only works if the browser text settings are set to display text at medium size and have a DPI of 96, I'm not going to go into the benefits of EM over PX in this post - this table is what it is. Especially useful when attempting to create a HTML email that correctly renders in Outlook and GMail.
| Font | Span |
| font, size=0 |
span, size=10px |
| font, size=1 |
span, size=10px |
| font, size=2 |
span, size=12px |
| font, size=3 |
span, size=14px |
| font, size=4 |
span, size=18px |
| font, size=5 |
span, size=24px |
| font, size=6 |
span, size=30px |
| font, size=7 |
span, size=48px |
Currently rated 5.0 by 1 people
- Currently 5/5 Stars.
- 1
- 2
- 3
- 4
- 5