How to Visualize CSS Font Properties
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!
- Diseño WEB con CSS (Spanish Edition)
- Sharing Visions
- Othello [CSS PICTURE COLL OTHELLO 2/E]
- Microsoft Expression Web [OLD VERSION]
- Macromedia Dreamweaver 8 Upgrade Win/Mac [Old Version]
Want to embed this video on your own site, blog, or forum? Use this code or download the video:
Have you ever heard of Traffic Blazer? Submit your business info to more than 200 search engines and directories and position your Web site for top rankings with Google and other leading search engines - it's available through GoDaddy. Plus, as a listener of The Chris Pirillo Show, enter code CHRIS1 when you check out, and save an additional 10% on any order. Get your piece of the internet at GoDaddy!
One Comment
typographer
June 19th, 2009
at 11:12am
Hey Chris,
I do enjoy your site. It’s nice to see someone who embraces all the technologies out there. Mac, Win, Linx, etc. Like you, I also love fonts. But I have to set something straight. You’re pronunciation of “Leading” is incorrect. You say “Leeding” (with a long “e”) and it’s really pronounced “Leading”, as in the metal. The reason is in the old days with metal type, we used thin pieces of lead to increase vertical space between lines. I’ve been a typography since the late 70’s. No big deal but I thought I’d let you know. I hope you take this as a friendly suggestion. Keep up the great work on your site. I visit it often.
KO