With all the great web designs and snazzy-looking fonts out there these days, do you ever wish you could quickly test drive a variety of colors, shapes, and sizes without having to create a whole web page just to see what they'll look like?

Well, here's a very simple yet powerful secret that we've been using for a while now and we love it. It's called Typetester. This nifty tool allows you to perform side-by-side comparisons of a whole range of fonts and colors and to easily fine tune the details until you get everything exactly the way you want them.

Then, once you've discovered the perfect font with the perfect color on the perfect background, Voilà! ...it gives you ready-made code to insert into your web page or CSS file. And, as you can see in the screenshot below, it's all neatly packaged into a simple and intuitive web-based interface.

Since not every computer comes with the full range of fonts installed, the fonts are grouped by Web Safe (meaning everyone has them installed), Win Default and Mac Default. This way you can be sure the font is compatible with your target audience and (if you're a web developer) you can do some cross-browser scripting so every user gets the best experience on your site.

Just to be sure you don't overlook the power of this simple looking tool, check out this list variables that you can dynamically alter and test in real time;