sIFR integration

[manc]

are there any plans to make a module to help with sIFR?
http://novemberborn.net/sifr3

Thanks

[Jeff]

From reading the implementation instructions it doesn't need a module. Just upload the files and follow the instructions to add it to the template/page.

[Dr.CSS]

sIFR always adds the adblock tab to any text in my browser, and I've seen sites with a boat load of them, Firefox with adblock addon, but cufon does a real nice job of it...

[Deak]

As a non-Flash alternative to sIFR, you might like to check the implementation of cufon in my Ocean Theme.

[Foaly*]

To my mind sIFR is the only way to implement non-standard fonts untill browsers allow that natively through css. Fortunately sIFR doesn't need a plugin to work

Here's a presantation that shows on the one hand the advantage of using sIFR instead of other tools like cufon or facelift and on the other hand the implementation of sIFR in your code: http://www.slideshare.net/novemberborn/ ... copenhagen

[uptoeleven]

Or you could try facelift image replacement -

http://facelift.mawhorter.net/

Uses GD and javascript/DOM to do the image replacement, leaving your sourcecode peachy for the search engines and degrading gracefully on browsers that don't support the features it uses. No need for flash / html5 elements that might not work on some browsers.

[Dr.CSS]

Screw sIFR and cufon, which I never could get to work even using the stuff from Ocean theme...

I've found a much easier way to do it totally css driven, http://www.fontsquirrel.com/fontface  just use the generator using your own font...

[JeremyBASS]

Just remember that when using the @font-face ... read your font licenses... just because it was free does not mean you can use it on you site... just a heads up.. -J

[Deak]

Jeremy makes a very good point, hence I was very careful choosing a font for Ocean (which uses Aurulent Sans). What you need to check for is whether the font is open source, which most aren't.

A beautiful open source font is Google's Droid font:

http://www.droidfonts.com/

Mark, sorry you had issues with cufon. I've since come up with a much, much slicker implementation which I'm going to put into an update of Ocean which doesn't require a content editor to set the "cufon" style in TinyMCE. It might work nicely for your own projects.

[kendo451]

I use Truetype Text module to accomplish the same thing as SIFR, without using Flash.

Even though @font-face is great, there are many fonts that do not have web licenses, that you cannot use with @font-face.

However, with Truetype Text module you can use these fonts by putting a deny-all .htaccess file in the fonts dir.  This prevents the TTF file from being downloaded.

Problem is, Truetype Text presently produces PNG8 instead of PNG24, so you don't get true transparency, but it works fine in IE6 without a PNG script.

The other problem is that the line breaking logic doesn't quite work perfectly, especially for OTF fonts.

[jeverd01]

SIFR arghh. I love the crisp fonts but it causes so many inconsistencies I gave up on it. Positioning with css is a nightmare when you can't expect consistency. I've seen font sizes change after I refreshed without changing the code even! Haven't tried it in a few years though. I went to cufon and haven't looked back. Just wish I had selectable text. I tried typeface.js but I was having problems with the hole page not loading in  ie6.

Cufon works for me and its really quick to implement. If anyone hasn't checked it out I would suggest doing so.

[uniqu3]

You could try http://code.google.com/webfonts
But @font-face is your best friend without any scripts and about the license i think there are enough fonts to use, just check http://www.fontsquirrel.com/fontface there are plenty to choose from and you will for sure find something similar to the font you want to use.

[Deak]

I think @font-face is not bad and if you use FontSquirrel to set it up you'll have a solid implementation. From what I can see, anti-aliasing is a weakness however.

Another option is something like Typekit, which is cufon but without the legal difficulties of unlicensed fonts. Their price plans are good value (there's a free option) and font designers and foundries get paid for their work, which I think is a good thing.