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

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

Don’t you just love typography.

Typechart

URL : 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.

CSS Type Set

URL : CSS Type Set.
Description : This marvellous 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.

Typetester

URL : 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.

STC fontBROWSER

URL : STC fontBROWSER.
Description : The STC fontBROWSER is an online tool for browseing varoius fonts and viewing how your selected text looks with each. Handy.

Font Tester

URL : 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.

CSSTXT

URL : 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…

WhatTheFont

URL : WhatTheFont.
Description : Ever wanted to find a font just like the one used by 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

URL : 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

URL : 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.

Typotheque Hi-Res FontTester

URL : 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

URL : 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 underated tool.

Font Burner

URL : 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 fonts to any of the quality font.

sIFR

URL : sIFR.
Description : sIFR is a method similiar 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

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

TypeNavigator

URL : 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.

PXtoEM Conversion

URL : 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.

Em Calculator

URL : 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.

Baseline Rhythm Calculator

URL : 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

URL : 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

URL : 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.

Typotheque

URL : 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.

As always please feel free to leave any comments.

RSS & Share

• Subscibe via RSS
• Follow us on Twitter
• SDM on FriendFeed
• SDM on Facebook
• Del.ici.ous Bookmark
• Stumble Speckyboy!
• Add to Technorati

Worthy Links

• Smashing Magazine
• Design Reviver
• N.Design-Studio
• WebDesigner Depot
• Blog.SpoonGraphics
• Spyre Studios
• Six Revisions
• Vandelay Design
• Web Design Ledger
• Onextrapixel
• DesignerFix
• 1stWebdesigner.com
• Pink Moustache

Categories

• Ajax/Javascript
• Cheat Sheets
• CSS
• Firefox Extensions
• Fireworks Extensions
• Fonts
• Free Icons
• Graphic Design
• Icon Design
• Logo
• Patterns
• Photography
• Photoshop
• Showcase
• Tutorials
• Typography
• Vector
• Web 2.0 Apps
• Wordpress
• Wordpress Plugins
• Wordpress Themes
• • View all Categories »

We are a proud member of the...

Mini Icon for only $13

Are you one of our Facebook fans?