|
 Rather than create images by hand or use a flash movie and import flash vars with an embeded font 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 lightweight plugin is still being perfected, it still holds it down!<script type="text/javascript" src="/cre8tive3/typeface-0.10.js"></script> 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.
NOTE: You must convert your fonts to the javascript format in order to work. If you need to convert a font, please visit the developers of the script, as the have a perl script to make it happen for you. Click Here
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. There's room yet for improvement and optimization. Performance is fairly good for usage with page titles and headings for instance, but you'll probably find using typeface.js for body text to be too slow. Also, implementation is missing for the :hover CSS psuedo-selector; selecting text only partially works only in browsers that support the <canvas> element, and plain doesn't work in others; and there are probably all sorts of other shortcomings. |
