HTML and CSS Font Size Chart

This was an early attempt of mine to get a handle on font sizes in web design. Use the form below to evaluate fonts in various sizes:

  • Joshin

    .8pt in .css is equal to font size 1 in html???

  • Gail

    I am trying to get my font consistant throughout my new HP Touchsmart. In Outlook the message box is fine but the outside areas, mail boxes, to, from is like 8 pt. How do I change thiings so they all look the same. I am an older woman who needs a larger font to read. Thank you so very much. Examl;e this font is to small for me and I have to strain to read it.

    • You have to edit your windows settings. Go to control panel > display settings and change your font size there.

      Good luck!
      Alex

  • Dorien

    Thanks for this awesome tool! Very handy for newbies!

  • codedude

    thanks for the chart. But I have a request. Can you post the h2-h6 tags to get an idea of how they relate to your chart in px, pt and em?

    That would be most useful

  • thank you so much! ive been haveing trouble with figuring out what font sizes are how big, sometimes it doenst have any affect =/ but thank you… maybe this will have an effect on my Bulletins =]

  • [quote comment=”1956″]Thank you very much for providing this font size chart – it was very helpful this morning![/quote]

    David, I am happy to hear it was helpful to you (and it was great to get some feedback from one of the many users)!!!

  • David

    Thank you very much for providing this font size chart – it was very helpful this morning!