jFEF

September 3rd, 2009

What is jFEF?

Javascript Flash Embeded Font (aka jFEF) is a method to replace boring-looking browser text with fancy Flash fonts on the fly. It's built to provide a simple way to transform any typical headlines, elements to more attractive and eye candy looking ones while maintaining full accessibility and SEO friendly.

We have seen a big leap in web development over the last couple years but there's still a big gap in browser typography because of limited number of fonts that shipped with the browser. jFEF is designed to fill this gap to allow web developer/designer to quickly drop in custom fonts with the least effort.

Is jFEF similar to sIFR?

Yes and no, depends on how you look at it. Both jFEF and sIFR use the combination of Flash and Javascript as the means to leverage the browser limited fonts. The main difference is the way things are being setup and customized for practical use and jFEF aims for simplicity. One of the goals is to avoid the need to do any fine tuning for different fonts to fit into the container, jFEF will try to dynamically resize the font to accommodate for all available space provided. Therefore, it should be a very straightforward process to set it up out of the box. All customizations are done via Javascript and CSS so any modifications only require updating js/css files. This library does not mean to replace sIFR but rather as an alternative to help you get something up running quickly. I hope you enjoy it as much as I love building it and feel free to let me know if you have any issues.

Example
Example without jFEF

What do you need to use jFEF?

jFEF requires Javascript and Flash 9 for it to work. If both of these conditions are not satisfied then it automatically falls back to browser style rendering (xHTML/css) End users will not notice anything different, not even know that you are using jFEF.

What browsers does jFEF support?

jFEF has been tested with IE6/7, FF2/3, Chrome, Safari 3 and Opera 9.

How do I get started?
Please follow these instructions to setup jFEF for your site.