21 Typography and Font Web Apps You Can’t Live Without

Share this:

Typography is the best, isn’t it? But it’s a field that is always growing, always changing. In short, we need apps! Apps! Apps! Luckily, the web is filled with tons of helpful typography and font apps that are just a hop, skip and a jump away. Here are 21 of the absolute greatest:


Typechart -T ypechart allows you to flip through, preview and compare web typography while retrieving the CSS feed. Not bad. It also lets you browse through just about any style and download the CSS of the style you choose. Truly a handy little tool.

CSS Type Set

CSS Type Set. – This fantastic set of tools lets you type in your desired text, and then play about with the hundreds of possible CSS permutations. When you find the one you like, simply paste the CSS into your stylesheet. Simple and effective.


Typetester. – Typetester is an online app for comparing different fonts for the screen. Test three fonts at once and pick which one you like the best. Thus the name. It’s not a fancy app but it does make the life of a web designer a bit easier. That’s the goal isn’t it?


STC fontBROWSER. – STC fontBROWSER is an online tool for browsing various fonts and then seeing how your text looks with each selection. Pretty handy for those times when you just can’t seem to make up your mind.

Font Tester

Font Tester. – This is an online font comparison tool. It’s free and rather usef ul. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. Not bad. Not bad.


CSStxt – CSSTXT is an online generator for creating CSS clocks of text. Choose from letter-spacing, word-spacing, font-size, line-height, border, font-size, font-family, align, and even color. It truly is the Godfather of CSS text generators.


WhatTheFont. – This is beyond cool. Ever wonder what the font is in your favorite publication, album cover etc? Just scan the image and plug it in to this website and let them do the foot work. Amazing!

Font Picker. – This tool simply analyzes your computer and yells you what fonts you have, then narrows down the field to help you pick out the right one for any given task.


Wordle – Beautiful Word Clouds. – Wordle is an app for generating “word clouds” from the text that you provide. These clouds give greatere importance to words that appear more often. You can tweak the results by size, color or any other number of ways. At first it may seem like a toy but there is some other stuff going on here.


Typotheque Hi-Res FontTester. – This tests the fonts available on the Typotheque website in a variety of useful and fun ways. Again, it’s limited to fonts available for purchase on their website so it’s not as useful as it could be but it’s certainly worth a look, especially if you do a lot of your font shopping via Typotheque anyways.


Linotype Font Finder. – This useul app asks you a series of questions and then slowly, but surely, ascertains the right font for you to use. It’s sort of the therapist of the font-finding world. Very useful, once you get rid of your inhibitions and give it a try.

Font Burner

Font Burner. – Font burner, simply put, makes it easy for you to increase the number of fonts available to you in your website. Sometimes this can be tricky, with several of the big name blogging programs not having that great of a font lineup. Font Burner gets you back to the starting line by adding a simple block of code to your site that bypasses that limiting architecture. Amazingly useful and a must have.


sIFR. – sIFR is similar to Font Burner. It is an app to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. Scalable Inman Flash Replacement or sIFRfor short. How cute!


Identifont . – Similar to the Typotheque app above, this program asks you a series of questions and then attempts to find the font for you. It also allows you to type any font’s name into an engine that will return sample text.


TypeNavigator. – This is a visual font tool that is fully interactive. It lets you find that perfect font that’s hiding out in your brain, through a series of questions, illustrations and examples. It’s an absolutely stellar tool worth at least one visit.

PX to EM conversion

PXtoEM Conversion. – This is much more than just a simple PX  to EM converter. Click the convert button at the top of the page and select your body font size, and then you have the conversion based on that size. Then click the CSS button at the top of the page you will be presented with the CSS code based on your conversion. There’s also the option for a totally custom conversion. Simply put, this is a great tool.

EM Calculator

Em Calculator. – Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative EM units. EM units, as everyone knows, are based on text size. No, I did not Google that. Ok, I did. Sigh.

Baseline Calculator

Baseline Rhythm Calculator. – Type in your base Font Size (in px) and then type in your Base Line Height (Rhythm, in px.) The text on the page will then automatically change like magic according to your settings. It will also generate the CSS code for you.


Fontifier. – Fontifier turns a scanned sample of your handwriting into a handwriting font that you can use in your word processor or graphics program, just like regular fonts such as Helvetica or Arial Sans. Of course, this does not work if your handwriting is illegible. Better work on that, Dr. House.


FontEditor BitfontMaker. – BitfontMaker is an online app for creating your own fonts. This is a very easy and forgiving program. Perfect for “newbs” to the world of font making.Yes, that mean’s you.


Typotheque – Typotheque isn’t totally useful, but it sure is cool. With your mouse click the letters on the visual keyboard and you have a man on screen who dances that particular letter. It simply must be seen to be believed.

Well, that’s it! Get to clicking and soon your typography and font skills will soar to all new heights.

Other Posts

Leave a Reply

Your email address will not be published. Required fields are marked *



June 2017
« Nov