SitePoint Sponsor

User Tag List

Page 1 of 4 1234 LastLast
Results 1 to 25 of 93
  1. #1
    SitePoint Zealot ruben's Avatar
    Join Date
    Dec 2000
    Location
    home
    Posts
    167
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Preferred font/font size combination

    What is your preferred font and font size combination for reading on the web?

    I've always liked 13px/0.8em Verdana, but I'd have to say 14px/0.9em Arial; instead of those narrow characters you get with 13px/0.8em Arial, you have the width of Verdana with a little extra height. Also, it's easy to read whether I sit straight up before the montior or lean back while reading long articles. At least that's how it appears on my Firefox-Windows XP combination.

    I think any serif font is bad on the web -- especially without ClearType. Tahoma, to me, is just a perverted Verdana (even though I know Verdana is based on Tahoma).

    So how about you?

    Remember: I want to know what font YOU prefer to read on the web, and not what you think your visitors should/would like; it's not necessary the same.
    Why is duck?

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I personally prefer Verdana, Tahoma, Arial in that order for body text. As for headings I like Trebuchet MS and Georgia. As far as font size I like to use ems and percentages vs pixels.

    Here is a good thread on the subject: http://www.sitepoint.com/forums/showthread.php?t=309991

    More specifically this post: http://www.sitepoint.com/forums/show...5&postcount=22

  3. #3
    SitePoint Evangelist tetsuo shima's Avatar
    Join Date
    Oct 2005
    Location
    Switzerland
    Posts
    597
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,
    I like Trebuchet MS when it comes to font displayed on my screen.

    As for mixing fonts, I try to stay consistant. Nothing worst than a different font for each level of hierarchy. Same goes for colors. I try to only keep one color, except for main titles maybe. Dark grey or black is usually that main color (works good for all kind of users). As far as font size I use ems and percentages, as Ben recommended. It gives users the ability to choose the display size. I usually use a setting of 75% for my main text font size. Note that the perception of a font size is highly influenced by the number of words you have per line and the leading you use.

    The SEO Faq thread
    Dependency injection made easy: Phemto

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    12px Verdana or 12px Lucida Grande for me, if I'm reading long passages of text. Large line-height (more than 150%) is good too. I think serifs have their place on the web. Georgia looks pretty nice at larger sizes (16px or so).

  5. #5
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It depends really how they are all matched as a whole but far too many sites use too small a default text.

  6. #6
    SitePoint Enthusiast Munky's Avatar
    Join Date
    Jun 2002
    Location
    Indianapolis, IN
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like 10pt Tahoma the best.
    "Humor is reason gone mad." - Groucho Marx
    kyleajohnson.com :: @kylejohnson1985

  7. #7
    SitePoint Zealot ChestRockwell's Avatar
    Join Date
    Nov 2003
    Location
    New Jersey
    Posts
    195
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Munky
    I like 10pt Tahoma the best.
    DITTO
    -- Joe C --
    "Do or do not. There is no try..."
    - Yoda

  8. #8
    SitePoint Zealot
    Join Date
    Apr 2005
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Munky
    I like 10pt Tahoma the best.

    I like this also but it all depends on the feel of your website.
    CPA Affiliates Get Tips and Info on Best Paying CPA Networks.

  9. #9
    Romans 12:2 codyrockx's Avatar
    Join Date
    Jul 2003
    Location
    Newberg, Oregon
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've switched favorites in this order: Verdana 11, Tahoma 10, Trebuchet MS 12 (current).
    Codyrobert.com - Designer and Developer

  10. #10
    SitePoint Enthusiast
    Join Date
    May 2005
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I used Tahoma 11px alot but lately I've been using Tahoma 12px more.
    For headings I use Trebuchet MS in different sizes.

  11. #11
    SitePoint Zealot Shaun B's Avatar
    Join Date
    Dec 2005
    Location
    London, England
    Posts
    110
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm a 11pt Arial man

  12. #12
    SitePoint Enthusiast mp.Designs's Avatar
    Join Date
    Jun 2005
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It all depends really, I'm liking Arial 11, and Tahoma 11. Then also another font I love is called Univers, I have about 20 families for it.

  13. #13
    Put your best practices away. The New Guy's Avatar
    Join Date
    Sep 2002
    Location
    Canada
    Posts
    2,087
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    "A nerd who gets contacts
    and a trendy hair cut is still a nerd"

    - Stephen Colbert on Apple Users

  14. #14
    perfect = good enough peach's Avatar
    Join Date
    Jun 2004
    Location
    -Netherlands-
    Posts
    1,383
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I spent some time the typografy on the site in my sig to look the way I like it. In internet explorer set fontsize to medium, that's how I personally like it best.
    Of course if your you have poor eyesight the site doesn't break if you enlage the font, wich is more important than how it looks at default settings.

  15. #15
    Free your mind Toly's Avatar
    Join Date
    Sep 2001
    Location
    Panama
    Posts
    2,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Verdana, Tahoma, Arial or Trebuchet MS... 0.8em or 0.7em.
    Community Guidelines | Community FAQ

    "He that is kind is free, though he is a slave;
    he that is evil is a slave, though he be a king." - St. Augustine

  16. #16
    SitePoint Zealot ruben's Avatar
    Join Date
    Dec 2000
    Location
    home
    Posts
    167
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Shaun B
    I'm a 11pt Arial man
    pt isn't scalable in some browsers; is there a reason why you choose that as oppose to percent or em?
    Why is duck?

  17. #17
    Hikari silver trophy artistsneverdie's Avatar
    Join Date
    Oct 2004
    Location
    essex, uk
    Posts
    117
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Tahoma 10pt or Tahoma 9pt

    As for not using percentages, I just prefer to have my designs as fixed in their look as possible. I tend to have the habit of being pixel perfect when designing.
    www.hikaridesign.com | Contemporary Design
    Won some awards here once upon a time...

  18. #18
    Matthew's Daddy Mike Empuria's Avatar
    Join Date
    Oct 2004
    Location
    Box, Wiltshire
    Posts
    514
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Last couple of sites I've made I've set the body font-size to small and paragraph size to 80%. (H1 is around 130%)
    Line height is 150% or 1.1 em depending on the site.
    Verdana is the font of choice followed by Trebuchet MS.

    font: small/1.1 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;

  19. #19
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    Sydney, Australia
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My preferences are Arial 13px or Verdana 12 or 13px. But I like the style that Georgia and Trebuchet apply.

  20. #20
    Matthew's Daddy Mike Empuria's Avatar
    Join Date
    Oct 2004
    Location
    Box, Wiltshire
    Posts
    514
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought that using fixed font sizes was a no no. %, ems or relative is good but only used fixed for printing. Have things changed?

  21. #21
    The MacGyver of Design bronze trophy Johan Dahlström's Avatar
    Join Date
    Oct 2004
    Location
    Uppsala, Sweden
    Posts
    516
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Mike Empuria
    I thought that using fixed font sizes was a no no. %, ems or relative is good but only used fixed for printing. Have things changed?
    No they have not. I just think that people TALK in px:s in this thread .

    It's not exactly like we're spoiled with fonts. I mean, like the only decent working serif font on Windows is Georiga and there aren't that many sans-serif fonts either. Screen typography is a completely different matter on OS X, and as a design-loving ducebag I can't say how happy I am to be on OS X instead of Windows. For my own and other mac users sake, I therefore put some neat OS X font first in my font family declaration, followed by the usual Windows fonts.

    But to answer your question: Tahoma or Verdana, 11px, are two of the more decent looking fonts on Windows, so I tend to use them more often than others.
    http://www.johandahlstrom.se
    Not rebootin' on November 1st! (but shortly after)
    flickr



  22. #22
    SitePoint Addict Brian Asselin's Avatar
    Join Date
    Oct 2000
    Location
    New hampshire
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    depends on which system I'm using, I have 2 pc'S in my other room with a dying 19" CRT and shiny new 15" LCD, then I have this laptop which is a 15" LCD also.

    I like smaller fonts on the LCD's (like the tahoma 10px mentioned) but on my CRT I have to use larger fonts since it's getting blurry =)

  23. #23
    SitePoint Zealot Shaun B's Avatar
    Join Date
    Dec 2005
    Location
    London, England
    Posts
    110
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ruben
    pt isn't scalable in some browsers; is there a reason why you choose that as oppose to percent or em?
    It's a personal preference when designing web applications for my own use. If anything, the typeface most websites use has a far too small typeface, which makes reading large blocks of text hard to read, considering i'm shortsighted to some degree


    To sum it up, it was a personal opinion, rather than me talking from a design standpoint.

  24. #24
    SitePoint Member
    Join Date
    Feb 2005
    Location
    Los Angeles
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    11px Verdana.
    GameSiteScript - Get your own arcade website.
    MediaSiteScript - Get your own video/flash/picture website.
    ImageSquash - Compress, convert, and resize images - all online.

  25. #25
    Matthew's Daddy Mike Empuria's Avatar
    Join Date
    Oct 2004
    Location
    Box, Wiltshire
    Posts
    514
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think that Shaun said it all. It's a personal preference for him and most websites use a too small typeface. As designers we are obliged to make our sites useable for as many people as we can. To me this means using a scalable font size rather than trusting to a browser's ability to increase it for me. Using a fixed size is easier to control the layout but are we doing our best for our users?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •