How to Visualize CSS Font Properties

Chris Pirillo — Fri, 19 Jun 2009 07:43:38 +0000

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

What is your favorite font of all time? If you say Comic Sans, I’m going to jump through the camera. I admit I used to use Comic Sans back in the day when I started doing newsletters. If you’ve ever had the need to create a web page and needed to change the way the font looked… you likely opened a CSS editor. And then – you were probably lost, since it’s not easy. There’s a tool out there, however, that will easily help you tweak any font you can find!

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. The code structure is XHTML, styled with CSS and driven by JavaScript. Typetester won’t work for you unless you have JavaScript enabled.

Choose your type face from the list, including all that are commonly installed on your computer. Change the color, background, size, tracking and more. There are three columns of text, and you can change each column individually of the others. This way, you can just keep messing with things and tweaking them until you are completely happy with the way your font looks!

If you’ve ever wanted to change your font settings, and know nothing about CSS – this is the way to go. It’s very easy to use, and there’s nothing to install. You’ll learn about the elements inside of CSS, and you’ll get an idea of how things work!

Go ahead – you know you want to play around with your fonts!

Want to embed this video on your own site, blog, or forum? Use this code or download the video:

How to Visualize CSS Font Properties

Chris Pirillo » typetester

How to Visualize CSS Font Properties