SitePoint Sponsor

User Tag List

Results 1 to 21 of 21
  1. #1
    SitePoint Guru
    Join Date
    Nov 2001
    Location
    Fort Lauderdale
    Posts
    814
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post Font and Font size ??

    I notice that compared to other professional sites, the text on my site look kinda weird, its hard to explain what i'm saying but its like it looks all messy or something.

    1. What is the prefered font size most websites use??
    2. What color font would be best for my site??
    3. Any ideas or suggestions on how to make the text on my site look more professional, organized, etc.. would be greatly appreciated.
    4. What font would be better for my site

    Thank you, and i'm sorry i asked so many questions in one post lol.

  2. #2
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1. Verdana doesn't look too good at 3, to me. Most sites (like SitePoint :-) use it at 2 or even 1. Besides Verdana, the other popular fonts include Times New Roman/Times, Arial/Helvetica, some Trebuchet MS, and Georgia (growing in popularity). Anyway, you should really be using style sheet for setting fonts and font-sizes, now.
    2. Verdana is fine, just shrink it and use CSS.
    3. Don't bold everything! Bold text carries no weight among other bold text.
    4. See 2. :-)

    ~Ian

  3. #3
    SitePoint Guru
    Join Date
    Nov 2001
    Location
    Fort Lauderdale
    Posts
    814
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1. What do you mean by 1, 2, 3?
    2. what you mean shrink it??... and where can i learn css??

    Thank you for replying

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1, 2 and 3 refers to the font size. On your website you've got it set to 4 on your site. In comparison, the font size on SitePoint is set to 2.

    There are plenty of places where you can learn about stylesheets. Here's a few of my favorites. I'm sure others will chime in with their faves.

    www.richinstyle.com
    www.w3c.org/css
    http://hotwired.lycos.com/webmonkey/...tutorial1.html
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Guru
    Join Date
    Nov 2001
    Location
    Fort Lauderdale
    Posts
    814
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    lol i forgot to post my website addy.

    http://www.infinitestylez.com


    Thanx for al ur replies so far though

  6. #6
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just figured it was your WWW button's address. :-)

  7. #7
    + + + Droopy's Avatar
    Join Date
    Jan 2002
    Location
    My Little Humblehome
    Posts
    169
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think that Arial is one the clearest fonts. It's the best readable ! But maybe that's more a personal choice.
    Visit my online portfolio : here

    Web [ 1 - 2 - 3 - 4 ] /// Flash [ 1 - 2 - 3 ]
    Headers [ Collection ] /// Logo's [ Collection ]

  8. #8
    SitePoint Wizard silver trophy
    beley's Avatar
    Join Date
    May 2001
    Location
    LaGrange, Georgia
    Posts
    6,117
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    For size 3 or over I usually use Arial... Verdana for 2 or 1. I rarely use Times unless the site contains long passages of text that need to be really legible.

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll never use Times. If a Serif font is called for, I'll use Goergia. It's much nicer and then the user doesn't just think that you "forgot" to designate a font.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  10. #10
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Georgia is nicer, I agree. Do most people have it?

    I'm on a campaign..sort of..to take issue with the idea that Times is more readable. I know that's what the usablilty people say, but it's not my experience as my eyes get worse. I have normal middle-aged bad eyesight and I only find Times really readable at font size 3 and up when the type is black and the page is white, or some really close variation like that. At no point do I find a Times font more readable than a sans font. The serif part tends to blur. The only thing about sans-serif fonts that's not readable, is that some designers use very, very small type with them. That doesn't have anything to do with the font properties though. It's just my two cents, but I've recently been noticing the difference between the conventional wisdom and my reality.

  11. #11
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I believe that most people have Georgia. Both Georgia and Verdana were distributed with Microsoft products, though Verdana is an older font so it's slightly more widespread. Almost everyone on Windows has it, unless they specifically uninstalled it. And, most people on a Mac have it since it's bundled with IE. At least that how I think its worked.

    On the topic of font readability, both Georgia and Verdana were specifically designed for onscreen readability. Times New Roman and Arial were designed for print (long before computers), so that's why they're harder to read and cluckier looking than Georgia and Verdana onscreen, but vice versa in print.

    Personally, I love Georgia, though! :-)

    ~~Ian

  12. #12
    <C²: web standards /> cybercodeur's Avatar
    Join Date
    Dec 2001
    Location
    Montréal
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Setting your fonts to times really gives the impression that nothing was set in the first place... any another serif would be better than resorting to times... it's not that it's a bad font; it's that we've just seen enough of it already.

    Personnaly, I love verdana. I find sans serif are easier to read and give a more profesional look. But I think it comes down to personnal choices no more, no less.
    Denis Boudreau <C²/> - Web Standards & Accessibility
    [+] ICQ number: 115649885 || Email: denis@cybercodeur.net
    [+] Daily Weblog on Web standards and accessibility : CYBERcodeur.net

  13. #13
    The Madness Out of Time Arkham's Avatar
    Join Date
    Apr 2001
    Location
    Toronto, Ontario
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by cybercodeur
    Setting your fonts to times really gives the impression that nothing was set in the first place... any another serif would be better than resorting to times... it's not that it's a bad font; it's that we've just seen enough of it already.
    Hmmm. Sounds like Arial. The universal BLAH font.

    This whole idea that using Times gives that particular impression doesn't float. Most sites out there use Arial/Sans, it's everywhere, so the few times I DO see Times, the impression is that the site's purposely rying to be different. Granted, this is now, but I think what you're saying was truer a few years ago.



    Personnaly, I love verdana. I find sans serif are easier to read and give a more profesional look. But I think it comes down to personnal choices no more, no less.
    Verdana and Georgia are nice. I agree that it's a personal choice, but I can't agree that it necessarily looks more professional. A Sans does fit well on sites with a techy, more progressive slant. But as I type, just looking at the bolded fonts on this REPLY screen makes me think of Fisher Price people driving around in Fisher Price cars. Ugh. No character, and in content-heavy sections it's not as friendly on the eyes due to a lessened degree of differentiation.


    The reason I'm sticking with serif fonts for content text on my site is because we're dealing exclusively with literature; and Times (or another serif) looks more appropriate to the subject matter. And it looks great with white text on a black back. At a proper scale with good spacing, it's highly readable.

    Maybe if more people would put more effort into choosing their monitors, we wouldn't have to stare at ARIAL all the time.

    I think designers should ensure that most of the content text or crucial non-graphic nav elements are scaleable. Generally, I think it's unprofessional for a site to lock users into one unadjustable text scheme. A user's inability to increase or decrease font sizes is one of the worst usability/accessibility sins. A design should allow a good range of font scaling to accomodate people with bad monitors and worse vision.
    Last edited by Arkham; Feb 8, 2002 at 12:16.

  14. #14
    <C²: web standards /> cybercodeur's Avatar
    Join Date
    Dec 2001
    Location
    Montréal
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, what can I say? You're absolutely right. You've just made me realize that somewhere between 1996 and now I forgot to adjust my conceptions regarding the use of fonts.

    It's true that I would tend to believe arial is just about everywhere. That much I can grant. I'll also conceide that it all comes down to saying it's a matter of personal choices. Personnaly, I've had enough of times, just like I've had enough of Arial.

    Eventually when I'll be sick to my stomach of seing verdana, I'll have to think of something. In the meantime, I'll happily stick to it.

    But you do bring good points... Anyways with the use of stylesheets now, we can feel free as birds. Thewre is so much more to standardized fonts than only the usual few.

    Trends lead us from one to another. Let's just wait to see what the next cool font will be. As long as it's not symbol and its a system font, I think we'll all be okay.
    Denis Boudreau <C²/> - Web Standards & Accessibility
    [+] ICQ number: 115649885 || Email: denis@cybercodeur.net
    [+] Daily Weblog on Web standards and accessibility : CYBERcodeur.net

  15. #15
    The Madness Out of Time Arkham's Avatar
    Join Date
    Apr 2001
    Location
    Toronto, Ontario
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by cybercodeur
    Well, what can I say? You're absolutely right. You've just made me realize that somewhere between 1996 and now I forgot to adjust my conceptions regarding the use of fonts.
    Nononono... I didn't mean sound like you were out of touch or anything -- Sorry about that. (1st thing in the morning What i meant is that I think for the general internet audience Times might stand out more as being different, though people like you and me remember when Times was about all there was. My apologies!

    Personnaly, I've had enough of times, just like I've had enough of Arial.

    Eventually when I'll be sick to my stomach of seing verdana, I'll have to think of something. In the meantime, I'll happily stick to it.
    Sigh... The problem is that we really only have a couple choices, and we're restricted to what MS decides to include in their distributions, if we want wide support. I want to re-examine imbedded font technology and see what's going on there these days. I haven't followed that for a while, so I don't know how well it works on today's net.

    But you do bring good points... Anyways with the use of stylesheets now, we can feel free as birds. Thewre is so much more to standardized fonts than only the usual few.
    Thank god for CSS. That's one thing I taught myself from the beginning, along side HTML so I'd have it burned into my brain.

    Trends lead us from one to another. Let's just wait to see what the next cool font will be. As long as it's not symbol and its a system font, I think we'll all be okay.
    <cracked up for a minute there!> Looking around the clan gaming community, I wouldn't be surprised to see another geeky language arise out of Symbol.

    Gak, I remember setting my Amiga system fonts to Opal back in the 80s... I just came across Opal on a font site recently and thought "What the hell was I thinking?!"


    Cheers
    Last edited by Arkham; Feb 8, 2002 at 16:56.

  16. #16
    <C²: web standards /> cybercodeur's Avatar
    Join Date
    Dec 2001
    Location
    Montréal
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I deeply apologize for letting you believe I was upset... nothing could be farther from the truth. You have to read my message on the first level. I AM telling you you are right. I am even amused I didn't come the these realisations myself. Sometimes you do stand to close to the trees to see the forest.

    Don't worry my friend. The chances of me being angry at you are about as good as Symbol to be the next best thing!

    I am not feeling attacked in any way!!!

    You did bring good points that made me think and therefore made me evolve. And for that, I am forever grateful.

    Have a great day
    Denis Boudreau <C²/> - Web Standards & Accessibility
    [+] ICQ number: 115649885 || Email: denis@cybercodeur.net
    [+] Daily Weblog on Web standards and accessibility : CYBERcodeur.net

  17. #17
    The Madness Out of Time Arkham's Avatar
    Join Date
    Apr 2001
    Location
    Toronto, Ontario
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by cybercodeur
    You did bring good points that made me think and therefore made me evolve. And for that, I am forever grateful.
    HAR! Now I'm really trying to decide if you're being sarcastic. Okay, next time I head out of T.O. for montreal, we'll grab a beer. Heheheh.

    Don't worry my friend. The chances of me being angry at you are about as good as Symbol to be the next best thing!
    Now I'm scared. I know I'm going to have a nightmare like that old Loony Toons cartoon with the day-dreaming boy being attacked by living numbers, letters, and symbols. I will be sacrificed by a cult of WingDings to their incomprehensible god.

  18. #18
    <C²: web standards /> cybercodeur's Avatar
    Join Date
    Dec 2001
    Location
    Montréal
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now You are the one scaring me... you should get that thing fixed (in your imagination)

    Oh, and beer is always good... You just make sure you bring some sleeman that we dont get here...
    Denis Boudreau <C²/> - Web Standards & Accessibility
    [+] ICQ number: 115649885 || Email: denis@cybercodeur.net
    [+] Daily Weblog on Web standards and accessibility : CYBERcodeur.net

  19. #19
    Level 8 Chinese guy Archbob's Avatar
    Join Date
    Sep 2001
    Location
    Somewhere in this vast universe
    Posts
    3,732
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I noticed most of the time arial looks better than veranda. I use either font 3 or font 2. If I want more emphasis, I usually use bold instead of increasing the size. Size 4 unbolded text is just lacking in some way.

  20. #20
    SitePoint Zealot bizboostdesign's Avatar
    Join Date
    Jan 2002
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok about the font on your website:

    1.) The text in your menus is 'verdana, size 2, bold' I would just have it as regular verdana as bold looks pretty unproffessional to me. To make it stand out you should give it an underline.
    2.) The text in your sub menus is 'verdana, size 3, bold. I would either make this 'verdana, size 2, bold' or why not make it an image using the same text as in your logo, that would look cool.
    3.) As for the main content text... I would almost definately put that at verdana, size 2, regular.
    4.) Finally for the recent news section. Why is this font different from the rest of the site? It doesn't appeal to me when a layout is uN-cO-SIstANt. I would just keep that also as verdana, size 2, regular.
    5.) I reckon the colours are fine as they are.

    Also just my opinion but I think 'tahoma' is a cool font. It is sorta similar to good ol' verdana but is more futuristic looking. Dunno if thats what you are looking for.

    Hope this helped.

  21. #21
    SitePoint Member noizgod's Avatar
    Join Date
    Dec 2001
    Location
    Savannah,Ga
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ive always loved the Tahoma font....I try to use it whenever possible over verdana,arial, etc because it isnt used as much.

    [COLOR=dark blue]
    Visit[/COLOR] Coastal Rock Productions [COLOR=dark blue]for info on underground hardcore, emo, punk, and metal.
    Contact Me
    | AIM: noizgod | Yahoo: noizgod[/COLOR]


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
  •