Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

What Font Size and Style is recommended for a web site's content? To make it more readable for the readers or visitors.

share|improve this question
add comment

4 Answers

100% is the stock answer. But to be more specific, most accessibility guidelines suggest at least 11px.

But in and of itself, this question is fairly vague and lacking a whole lot of context.

share|improve this answer
add comment

If you're dealing with an older audience and vision issues are a concern, Verdana really makes the most of it's pixels. 11px in Verdana is close to 14 in many others.

For the very same reason, many people think Verdana is the ugliest font on the web. As always, be careful how you use your type. Verdana and Georgia were both designed by one of the greatest type designers of the modern era (Matthew Carter) and intended for small, on-screen use. Don't go crazy and use it everywhere ... are you listening Ikea?

In terms of style (I assume you mean weight), stick to 'regular' or 400 for the bulk of your text. In many fonts bold is a little too dark / dense for easy reading.

Be sure you test your font / size / weight on various browsers and systems. Right now, I would peg IE 7 on Windows XP as the most brutal abuser of type among the major players. I have seen IE 8 surpass it with some web fonts. IE 9 takes a new approach that can thin fonts out but they generally look okay. Most everything looks best in Mac browsers. It all depends on your ever-critical site stats.

share|improve this answer
add comment

Not sure what you mean by font "style". But for font size, it will somewhat depend on the font, but 13px is a good starting point for regular text. 14px is often better. Of course, that's if you're using pixels for font-sizing. Matching that with ems or % isn't difficult though.

You may also want to consider using CSS/Javascript to change the font size dynamically based on a user clicking on +/- or similar.

share|improve this answer
1  
A JS font resizer was a good thing to have 5 years or so ago but all browsers today can handle zooming fairly well for users without the need for you to do anything unique to your own page. –  DA01 Oct 30 '12 at 5:22
    
That's a really good point. I don't see them often anymore but it is still an option. :) –  Angie Herrera Oct 30 '12 at 5:29
add comment

I would think about modern and sans serif fonts that are easy-to-read, and tend to be on the narrow side. I like Oswald font myself. It's also a Google-based font. Like Angie was saying above, 13 to 14 point would be a good place to stay.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.