For truly aesthetically pleasing design, mastery of typography is required, and it can often transform a good design into a spectacular one. However, the world of web fonts is a tricky one, with only a few fonts supported by standard browsers. Some ingenious developers have managed to work around it using things such as @font-face and sIFR, and there’s emerging techniques with CSS3 to achieve beautiful web typography.
In this post, you’ll find the 10 best CSS and Web typography font tools available on the internet. From tools that will do PX to EM conversion, to others that generate the exact code you need for your typography, these CSS tools are real timesavers.
If you’re looking for more of the best free web tools for developers, check out these posts:
- 10 Productivity Enhancing CSS and CSS3 Tools and Generators
- 20 Shockingly Cool HTML5 Canvas Applications
- Fresh and Useful HTML Tutorials
- The Ultimate HTML5 Toolbox
- Way Cool CSS3 Typography Experiments
- 30 Awesome jQuery Navigation Menu Tutorials + Plugins
- 10 Awesome CSS3 Techniques You’ll Want to Start Using
- The Ultimate CSS3 Toolbox
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.
PX to EM
PX to EM conversion made simple.
Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
BitFontMaker is a dead simple pixel font creator that allows you to create your own true type fonts online. You can either create a font from scratch or import and edit an existing one. The site provides you with an easy to use pixel editor that is used to make text font characters individually with an option to preview them along the way.
sIFR Generator is an online tool that allows you to create sIFR .swf files with a few clicks of your mouse. Simply upload the TTF font of the font you want to convert, preview and download. It cannot be easier!
What the Font
Submit an image to WhatTheFont to find the closest matches in our database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.
MyFontbook is an unique online font viewer that saves time by providing a number of tools to view installed fonts quickly and easily. Unlike a classic font management tool, MyFontbook is platform independent and can be used freely through any web browser. That means that is works on all your computers. Even Linux!
@Font Face Generator
Generate a web-embeddable font.
FontStruct is a free font-building tool sponsored by the world’s leading retailer of digital type, FontShop. FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.
CSS Type Set
CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.