Lettering.js - a really simple, lightweight, easy to use jQuery plugin for radical Web Typography.
Lettering.js comes as a great solution for custom type headings, while keeping the text selectable. You can easily style individual letters, wrap and style words and lines with Lettering.js.
Project is hosted on Github
CSS Type Set – typography tool allowing designers and developers to interactively style their web content.
Enter the text you want to modify on the left, adjust font-family, font-size, color, text-align, line-height, ….. and view generated CSS code on the right.
Better web typography. Craig Grannell demonstrates how to take a leaf out of print typography’s handbook in order to transform your type using a baseline grid.
James Whittaker Calculator that converts pixel based mockups into em based layout. Vertical rhythm calculator.
A pixel is the ‘dot’ on your computer screen. Displays are measured in pixels across and down like 1024 × 768. These dots are unscalable and fixed in size. In some situations this is desirable and it would be better to set your measurements as pixels.
An em is a relative measurement based on the square of the font size at that particular point. As font sizes can vary across differing systems and displays the result is that the em measurement will always be relative and scalable.
Em Calculator. A simple JavaScriptTool for working out CSS relative em values, useful for creating completely resizable layouts.
The Typetester - another alternative to CSS Type and Font Tester – 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.
Font Tester - 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.
Alternative tools - CSS Type and Typetester
CSS Type – Web Safe Typography on Screen for Pixel Perfectionists
Alternative tools - Font Tester and Typetester
Photoshop actions: 124+ Free Photoshop Actions to Boost...February 27, 2008 - 1:00
20 Free Flash Gallery Solutions for Your ImagesJuly 30, 2008 - 12:40
10+ Free Magazine WordPress Themes to Choose FromMarch 7, 2008 - 4:30
Accordion Style Flash MenuMarch 3, 2008 - 11:26
Creative Minds – The Most Stunning Shopping Bag D...September 17, 2008 - 3:04
1700+ Royalty-Free Stock Images for only $14March 27, 2012 - 2:01
28 Social Media Buttons with PSD Source – TabIcon...April 24, 2011 - 3:38
Vector Finder – Free Vector Art & Stock Vector...April 23, 2011 - 4:19
Scalable CSS3 Gradient ButtonsApril 21, 2011 - 6:49
Drag & Drop Table Rows with JavaScript – REDI...April 21, 2011 - 7:38
Attractive Effects with jQuery Slideshow Plugin – Ski...April 20, 2011 - 11:16