Another contender in the sIFR / Facelift Typography Arsenal
I came across an interesting tool called Typeface.js today. It appears to be a worth while addition to the sIFR / Facelift “Web Typography Arsenal.” Much like Facelift and sIFR it is javascript based and replaces the plain XHTML text with an embeded custom typeface replacement. In this case it uses the <canvas> element and dynamically generated images to achieve the effect.
It seems to use the PNG image format so it will support transparent backgrounds, however the text is not selectable in most browsers (a feature that sIFR has). What really catches my attention is the capability to use font-stretch support, giving you the ability to render condensed, semi-condensed, expanded, etc font styles.
Additionally it does have some support for line-height and letter spacing, two features that FaceLift doesn’t appear to have at the moment.
If anyone has used it leave some feedback and let us know how it works.
- Author: Ross Johnson
- Date: Monday, October 27, 2008
- Comments: 1 Comment
- Categories:
- Tagged: fonts, tools, type, typography, web
The 3.7 BLOG
3.7 BLOG is the web design and web strategy blog provided by Web Design Agency 3.7 DESIGNS
The Latest Buzz
Why invest large sums of money on a website when you are going to use photos taken with a $200 camera? 2 days ago &mdash 3PointRoss
You should follow us on twitter here.
Blog Categories
- Ann Arbor
- content
- graphic design
- html & css
- Internet Marketing
- Misc
- Podcasts
- Search Engine Optimization
- Stragey and Planning
- Web Design
- Web Design Business
We recommend
This is brilliant, I am really quite excited by this. I have been playing around and it’s actually remarkably easy to use. One small note though – it only works for DIVS, so you can’t at the moment use proper semantic markup while using this.