Group items tagged

Font Tester is a free web-based font comparison tool. It allows you to easily compare different fonts side by side and adjust the various CSS properties of those fonts in real-time.

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. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage.

Drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module and it will be added to the list. The last font dropped will change the font-family of this text and the above title. At the moment this functionality of dragging and dropping files from the desktop to the browser is only available in Firefox 3.6. You can expect to see this added to other browsers in the near future.

preview system font - size + color options

also generates CSS code

You can drag and drop images and SVGs into your browser to place them in your drawing. Then drag, resize and rotate. The time-machine feature provides unlimited undo/redo functionality. There's a huge collection of fonts, graciously provided by those involved with the Google Fonts Directory-the text tool allows you to preview exactly what your text looks like, instead of editing and clicking "apply" over and over. The select tool allows you to edit any layer, and even do bulk operations, such as changing the color of multiple layers.

view the common fonts you have on your computer in a grid format to make choosing the right font for your current project easier.

This flash application will allow to quickly preview the fonts active on your system.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

css round corners+shadow box code generator You can edit the underlined values in this css file, but don't worry about making sure the corresponding values match, that's all done automagically for you.

keyboard font

I've been searching for something like this!

CSS Type Set allows you to visually and interactively style text and it generates the CSS.