Update!

FontJazz now has support for basic latin characters, including ä, ö, ê, and so on.

Use it? Dig it?

Please consider submitting a link to your site, so I can showcase it here!

FAQs

Is FontJazz SEO friendly?

Yes. If you've looked at the transformed HTML using Firebug, you may be concerned about all the <div> and <span> tags - but you're looking at the source on the client-side, which is not what the search engines will see.

The page source code, as google and other robots see it, is simply the <h1> tag, which is precisely what you want them to see - search engines don't know or care about client-side document transformations, and FontJazz is 100% client-side, it does not rely on any server-side transformations that might be visible to a search engine.

What are the legal implications of embedding a commercial typeface?

I can't speak for the font foundries.

But essentially, you are only embedding an image of the font's characters - nobody can steal the font itself, only the image of the font, in the exact size and colors used on your site. So in a sense, it's really not that different from generating images for headlines - even with pre-generated images, someone could copy the individual glyphs and assemble a bitmap font, if they really wanted to.

That said, you are also embedding a small subset of information derived from the original font's metrics, so there may be a difference.

Study the license agreement - if in doubt, ask permission.

When should I use transparent PNG?

Transparent PNG should be used for typefaces with overlapping glyphs, and/or for websites where your headlines will be displayed on a non-solid background.

Note that transparent PNG should not be used if you require compatibility with Internet Explorer versions older than 6.0. (a working implementation for IE 5.0 and 5.5 does in fact exist, but rendering was too slow to be of any practical use)

Does FontJazz support exotic character sets (e.g. UTF8)?

At the monent, only a basic ASCII character set is supported - even basic western latin characters such as ä and ö does not currently work.

This is by far the most asked for feature, and hopefully will be addressed in the near future. As this project is entirely non-profit, I can't tell you when that will be.

Does (or will) FontJazz support kerning?

The current generation of FontJazz does not, and probably will not, support kerning.

The next generation (version 2) of FontJazz may attempt to support kerning, but currently there are no concrete plans for a version 2.0.

Is there a wrapper for Prototype, MooTools, jQuery, .. ?

I have no plans to create or maintain wrappers for any specific frameworks.

The good news is, you don't really need a wrapper - FontJazz is fully stand-alone, and should work fine with any framework.

By using FontJazz.transform() rather than FontJazz.apply(), you can, for example, use any of the more advanced selectors of these frameworks, and apply the FontJazz transformation to whatever element you may wish. Many frameworks use a wrapper-class for elements, so just be sure to pass in the DOM node itself, not your framework-specific element wrapper-object.

Can I use it for body text or just for headlines?

In theory, yes - but in practice, you wouldn't want to.

FontJazz was designed for just rendering headlines, mainly because the technique used has performance limitations imposed by the browsers, which cannot render the text quickly enough to make it feasible for body text.

Why don't FontJazz headlines appear when I print a page?

FontJazz lettering is actually constructed using background-images, and the lettering can be printed - you just need to configure your browser (in the print dialog options) to print backgrounds.

More FAQs will be added as they're discovered...

If this page didn't answer your question, try the help page.

If that doesn't help you, please use the contact form.