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.


Technical details

Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled.

How to

  • Edit, enter or paste sample text in the textarea. The text is automatically applied to preview pane as you type. See Lorem ipsum generator.
  • Choose your typeface from dropdown menu or specify your own. However, keep in mind that there’s a possibility that not everyone has that same font on their systems. If you are choosing font for broad range of visitors, it’s a good idea to stick with those from the safe list.
  • Set parameters. Values are applied as you type/select if the syntax is correct and values you enter are recognized. There’s no submit buttons. This way you preview as you type.
  • The base font size of the preview pane is 10px. Read the explanation.
  • If you’d like to copy settings to another column, just hit the corresponding button, i.e. button ‘1’ of the current column will copy current column’s settings to column No. 1. and so on.
  • If you enabled cookies in your browser, the last applied settings will be automatically stored on your computer and loaded next time you visit this page.
  • When you run out of ideas, check the stats for inspiration.

For more information visit typetester.org.


Zsolt Mathe

I'm a backend and frontend developer from Transylvania with over 10 years of experience. I love dealing with new challenges on php, html5 and css3.
  • Kalpesh Singh

    wow! tried man..thanks for sharing

    • Mathe Zsolt-Laszlo

      You’re welcome

Freebies on Codelium

    Do you want to read more?

    Get Free Wordpress Tutorials, News for Webdesigners every Week!