Typogridphy is a CSS framework constructed to quickly code typographically in 960 Grid System layouts. It is designed in a full validate, semantic and strict xHTML, and validate CSS. The Typogridphy layout is zoomable, as the fonts formatting is mainly customized in ems. Easy and handy typographical method to implement within the layout, where you can ‘creating vertical rhythm’. With this method, all adjacent lines of text line up horizontally, regardless of line breaks and new paragraphs.

Read the complete guide to use this powerful Typogridphy CSS Framework and download it for free at the source page.

Sliced AB is a set of typeface designed by ~atobgraphics to download for free. It includes many elements you need (font, upper and lower case, numerals and puncuation).
This free typeface is only available for personal purpose. Sliced AB typeface should be nice for you to use in techno design, as the stroke is graphically simplified. Get this free font now!

http://www.yourfonts.com is a great and easy way to create your own personal fonts for free. To create your own personal font you just have to follow these steps:

1. Print the template
2. Complete the template
3. Scan and save the template
4. Upload the template
5. Preview your font
6. Download your own personal font.

So what are you waiting for? Visit yourfonts.com now and create your font for free!

Diavlo is one of the finest clean font that ever designed. The modern look of Diavlo contains: Light, Book, SemiBold Medium, Bold and Black weights type.
It is now the language is fully supported (Latin / Central European / Croatian / Romanian / Icelandic / Turkish / Esperanto).
You can just grab this free font for free from the source site and download the PDF file to read the Diavlo font in details.

OutlawDesignBlog.com just announced the release of their second free grunge font set. It is designed an amazing font designer: Carlos Fabian Camargo Guerrero, from Bogota Columbia.

The character is structurally distorted, bold weight, and detailed with rough texture. But what makes unique is because Carlos added erratic horizontal lines (more like sketches) to several fonts…and it creates a perfect eroded background, when you type a line of word using this grungy fonts.

Here comes another free fonts from Bittbox.com. These fonts are categorized in graphics fonts, as every character is having a hand written look… but the interesting part is that, the fonts appeared in block shape of sketchy fonts.

It is released in demo version, so it means its not the full version. You may use this font for personal and commercial projects. Download the Blox fonts demo version at Bittbox.com if you’re appeared to be huge fan of this cool font! :D

Typechart is a web tool to preview and compare web typography while retrieving the CSS.
This is how to use this tool:

1. Browse typographic styles; In quick look up, there is Style ID for each Typeface, which allows you to annotate prototypes and retrieve the css while coding.
2. Download CSS; When you click the “Get CSS” button, there is a sliding tray that displays the CSS.
3. Compare Typeface previews in two different OS; Windows view for (ClearType) rendering, and Mac view for Apple font rendering.

A tool that will save your time whenever you need to have quick overview on several web typos. Keep this Typechart inside your bookmark lists and have a try if you like ;)

Sometimes you need to draw characters when you write email, create a blog post, or even designing. While time is also moving on, it may be took time searching them down into your system. Hold still, because there is a web tool to help you solve this problem.

CopyPasteCharacter.com provides you list of symbol, number, and special type characters that works easy. You just need to click a character to copy it. Hold down «alt» to copy several characters.

CopyPasteCharacter.com is developed by Konst & Teknik and Martin Ström. We think this web tool is a great helper, so have a moment to save it to your favorite boomark list!