Stop Rendering Text To Images

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site.

Supported browsers include Firefox 1.5+, Safari 2+, and Internet Explorer 6+. Things will degrade gracefully for other browsers. Users browsing with their PDA’s, for example, will still see your text there–it just won’t be quite as pretty. Search engines will see your graphic text now too, without having to rely on OCR or “alt” properties.

The CSS2 specification includes directives for defining many aspects of text layout, but browsers’ implementations have been spotty. This library aims to fill in the gaps. Notably, there’s support for the ‘font-stretch’ property as well as finer-grained control with ‘letter-spacing’ and others.

Website: typeface.js

Demo: See the demo

Download: Get it now!