CSS and Fonts advice

Question

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.

Answer 1

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

Answer 2

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.)

Answer 3

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.

Answer 4

嘿，检查一下，创建看起来像墙纸的漂亮背景......我不知道这是不是你想要的，但它肯定是保存在书签中的资源/美味： http：//tools.dynamicdrive的.com /色带/