views:

42

answers:

4

I am designing an article website and want some samples to look at to choose nice Fonts and CSS. Can you suggest some.

Here are some example of what I am seeking:

  • Article Heading Font/Color
  • Article Body Font/ Color
  • Background Color ideas
  • Text Color
  • Layout

It will be a two column layout

I thought since most of you are professionals, you can share some sites/resources out of your experience that will make the job easier for me.

+2  A: 

Common fonts to all versions of Windows & Mac equivalents is a great resource to see what fonts are likely to be on your visitors' computers.

If you're looking for usability tips, all I can say is test it out. Testing the user's performance for your site is like testing your program's performance. That is, you need to benchmark. (It may be more valuable to allocate effort in other areas of your site.)

strager
Doesn't include my favorite operating system....
MitMaro
@MitMaro, Yes, but if you're using *that* operating system you'd know there are no standard fonts...
strager
+3  A: 

Check out

Typetester – Compare fonts for the screen

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

For color scheme layouts this is a nice one

Color Scheme Designer

You can have a live preview of a color scheme.

kuler from adobe is also a very good site for this

rahul
THanks very useful..Are there are sites that give you some readymade font/color/css combination to look at which I can borrow on my site..
KJai
A: 

Hey, check this out for creating nice backgrounds that look like wall papers... I don't know if that is what you want, but it is definitely a resource to keep in your bookmarks/Delicious: http://tools.dynamicdrive.com/ribbon/

Marcos Buarque
+1  A: 

Nothing will substitute for testing.

A/B Testing with Google Website Optimizer might be useful to measure which fonts or Layouts better produce your desired results.

TypeTester is pretty nice though - great to narrow down the field of font options.

CM