Skip to content
Thoughtful, detailed coverage of everything Apple for 33 years
and the TidBITS Content Network for Apple professionals

TypeTester Compares Web Typefaces

If you’re the designing type, perhaps you can visualize what different typefaces look like without seeing them on screen. But for people like me, seeing is believing, and whenever I’m looking at creating something for the Web, the trial-and-error process of finding a good combination of font settings always takes longer than I’d like. With the TypeTester, a sleek online application written by Marko Dugonjic, you can ease and speed up that process. (Thanks to Anne-Marie Concepcion for tipping me off to TypeTester in her free DesignGeek newsletter; if you work in design or layout, you should be reading it.)

<http://www.senecadesign.com/designgeek/>

In essence, TypeTester is a Web-based font comparison utility. It provides three columns, each of which can have different specifications, and each of which displays a paragraph of text (Lorem Ipsum is the default, but you can enter your own) in a variety of different styles. Here’s how it works. First, choose a typeface from a pop-up menu that helpfully divides them into three categories: typefaces that are available by default for both Mac OS X and Windows, Mac OS X-only defaults, and Windows-only defaults. You can also specify any other typeface loaded on your computer. Second, choose from pop-up menus to set the size, leading, tracking, alignment, word space, decoration, color, and background color (the color picker is truly amazing). As you choose each item, TypeTester automatically restyles the associated column of sample paragraphs using CSS styles. You can then repeat the exercise with the two remaining columns to compare different settings. When you’re happy with the settings for a column, there’s a link in the Tools tab that provides the related CSS code in a small pop-up window for you to copy and use in your site’s CSS file.

<http://typetester.maratz.com/>

TypeTester is free, though Marko is happy to receive donations (check the About tab). I’ll definitely be using it next time I’m trying to figure out what typeface to use on a Web site. Give it a look!


Subscribe today so you don’t miss any TidBITS articles!

Every week you’ll get tech tips, in-depth reviews, and insightful news analysis for discerning Apple users. For over 33 years, we’ve published professional, member-supported tech journalism that makes you smarter.

Registration confirmation will be emailed to you.

This site is protected by reCAPTCHA. The Google Privacy Policy and Terms of Service apply.