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

Typechart

Useful Typography Web AppURL : Typechart
Description : Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
Browse through all the typography styles and download the CSS of the style you want to use. If like me you love type and fonts you will spend hours browsing all the styles. Excellent tool.
Useful Typography Web App

CSS Type Set

Useful Typography Web AppURL : CSS Type Set.
Description : This marvelous tools lets you type in your desired text, and then play about with the hundreds of possible CSS permutations, and when you find the style you like copy and paste the CSS into your stylesheet. Powerful yet simple.
Useful Typography Web App

Typetester

Useful Typography Web AppURL : Typetester.
Description : Typetester is an online app for comparing different fonts for the screen, you can test up to three fonts at a time and choose the one you like. Its primary role is to make web designer’s life easier.
Useful Typography Web App

STC fontBROWSER

Useful Typography Web AppURL : STC fontBROWSER.
Description : The STC fontBROWSER is an online tool for browsing various fonts and viewing how your selected text looks with each. Handy.
Useful Typography Web App

Font Tester

Useful Typography Web AppURL : Font Tester.
Description : Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them.
Useful Typography Web App

CSSTXT

Useful Typography Web AppURL : CSSTXT.
Description : 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, color…
Useful Typography Web App

WhatTheFont

Useful Typography Web AppURL : WhatTheFont.
Description : Ever wanted to find a font used by a certain publications, corporations, or ad campaigns? Well now you can. Upload a scanned image of the font and instantly find the closest matches within there database.

Font Picker

Useful Typography Web AppURL : Font Picker.
Description : This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project.

Wordle – Beautiful Word Clouds

Useful Typography Web AppURL : Wordle – Beautiful Word Clouds.
Description : Wordle is an app for generating “word clouds” from the text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes.
Useful Typography Web App

Typotheque Hi-Res FontTester

Useful Typography Web AppURL : Typotheque Hi-Res FontTester.
Description : This is a useful tool from Typotheque, it is limited to only the fonts available to buy from the site. All the same, it is good fun playing about with it, and you can create a PDF file from the end results.

Linotype Font Finder

Useful Typography Web AppURL : Linotype Font Finder.
Description : Unlike WhatTheFont, this app asks you a series of questions related to the font you are trying to find or would like to use. And then recommends a font for you to use. A very precise and underrated tool.

Font Burner

Useful Typography Web AppURL : Font Burner.
Description : Font Burner is a website enhancement tool that makes it easy for you to add new fonts to your website. Websites are limited to the default fonts that come with all computers, because a user must have the fonts installed on their computer in order to have it show up in their browser. Font Burner bypasses this limitation with our archive of fonts that work universally in all browsers and on all computers. By adding a simple block of code to your webpages you can transform your headlines from boring system font to a quality font.

sIFR

Useful Typography Web AppURL : sIFR.
Description : sIFR is a method similar to the Font Burner, it is an app to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. The method is called Scalable Inman Flash Replacement or sIFRfor short.

Identifont

Useful Typography Web AppURL : Identifont .
Description : With Identifont you can find that font you are looking for by answering a series of questions (similar premise to Typotheques Hi-Res FontTester), or type in the font name and be given a sample of text using that particular font.

TypeNavigator

Useful Typography Web AppURL : TypeNavigator.
Description : This is an interactive visual font search tool, what this means is that you have an image in your head of that perfect font, and the TypeNavigator helps you zero in on that perfect font you had visualized. I think that description sounds far too complicated. Great tool, though.
Useful Typography Web App

PXtoEM Conversion

Useful Typography Web AppURL : PXtoEM Conversion.
Description : This is not just a PX to Em convertor it is much, much more. 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 (you also have the option of a custom conversion). Then click the CSS button at the top of the page you will be presented with the CSS code based on your conversion. I love this tool.
Useful Typography Web App

Em Calculator

Useful Typography Web AppURL : Em Calculator.
Description : Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.
Useful Typography Web App

Baseline Rhythm Calculator

Useful Typography Web AppURL : Baseline Rhythm Calculator.
Description : Type in your base Font Size (in px) and then type in your Base Line Height (Rhythm, in px), all the text on that page will automatically change based on your settings. It will also generate the CSS code for you. Just for fun type in 99999999 into the Font- Size box and then try and find the Font-Size box, you will be there for days.

Fontifier

Useful Typography Web AppURL : Fontifier.
Description : Fontifier lets you use your own handwriting for the text you write on your computer. It 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.

FontEditor BitfontMaker

Useful Typography Web AppURL : FontEditor BitfontMaker.
Description : BitfontMaker is an online app for creating your own fonts. For those not familiar with font creating software this is a great app to try your talents on first. It is very easy to use.
Useful Typography Web App

Typotheque

Useful Typography Web AppURL : FontEditor BitfontMaker.
Description : Typotheque is not a very useful web app, but it is cool. With your mouse click the letters on the visual keyboard and you have a man on screen who dances that particular letter. Honestly it is cool, it has to be seen to be believed.
Useful Typography Web App

As always please feel free to leave any comments.

Author: (584 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments