HTML Font sizes

July 29, 2008 09:15 by gareth

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.

FontSpan
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

Related posts

Comments

Add comment


 

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Live preview

July 31. 2010 20:13

Calendar

July 2010
SuMoTuWeThFrSa
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567