Best Font and Size for Website?

Discussion in 'HTML & Website Design' started by satishtalim, May 27, 2007.

  1. #1
    What are your opinions for the best font and font size for a web page and why?
     
    satishtalim, May 27, 2007 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you asking this from a design or usability/accessibility perspective?

    I'm going to assume you mean the latter, and say that the font size should never be set in stone by the designer because the user (the person visiting your site) should have the ultimate control over the font size. What I do is set the font size to 100% in the body (via a stylesheet) and then use EM to resize the text (and its containers) as needed.

    For the fonts, sans-serif fonts are best for body copy, while serif fonts are best for headings. People with dyslexia and other learning impediments will find serif fonts harder to read on computer screens (despite being perfect for print) when used on the body copy (the page content).
     
    Dan Schulz, May 27, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    kk5st, May 27, 2007 IP
    Makubwa likes this.
  4. mtheoryx

    mtheoryx Member

    Messages:
    45
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    48
    #4
    I'll also throw in that you should use color combinations that are easy on the eyes. For example, white text on black background may stand out, but it's very strainful on the eyes to read it.
     
    mtheoryx, May 28, 2007 IP
  5. Makubwa

    Makubwa Active Member

    Messages:
    961
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    70
    #5
    Please read other posts before asking the question.........
     
    Makubwa, May 28, 2007 IP
  6. Leox Adir

    Leox Adir Guest

    Messages:
    237
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Comicsans MS xD
    I just like that font.
     
    Leox Adir, May 28, 2007 IP
  7. RichardKnox

    RichardKnox Peon

    Messages:
    209
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #7

    www.bancomicsans.com - Its eww

    Anyway, it varies from site to site. If you're creating a site for an older audience there is no point in putting 'street' font and vice versa. I usually stick to fonts such as Arial, Verdana etc. As for size, I always use 12px minimum sized font, but some people find this hard to read and it again depends on your target audience.

    Hope this helps,
    Richard
     
    RichardKnox, May 28, 2007 IP
  8. Creative_illusion

    Creative_illusion Well-Known Member

    Messages:
    2,702
    Likes Received:
    103
    Best Answers:
    0
    Trophy Points:
    175
    Digital Goods:
    2
    #8
    I guess i'll go for traditional font. verdana/arial - 12px.
     
    Creative_illusion, May 28, 2007 IP
  9. diarmuid

    diarmuid Peon

    Messages:
    285
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I would normally go for a combination of Verdana and Arial, in about size 13/15 for headers... However you do also need to make a good colour choice based on your website theme...

    Diarmuid
     
    diarmuid, May 28, 2007 IP
  10. me4you

    me4you Well-Known Member

    Messages:
    1,989
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    155
    #10
    It may me verdana and size 12
     
    me4you, May 28, 2007 IP
  11. qwer123

    qwer123 Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    i think verdana in 12px
    for headlines i like the georgia
    dont forget to use a font nearly everybody has on its pc
     
    qwer123, May 28, 2007 IP
  12. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Bear in mind that if you use any unit of measurement other than % or EM that Internet Explorer will not be able to resize the text. It's an accessibility issue that designers need to be aware of.
     
    Dan Schulz, May 28, 2007 IP