sIFR integration

Talk about new features for CMSMS and modules.
Locked
User avatar
manc
Forum Members
Forum Members
Posts: 107
Joined: Wed Apr 01, 2009 12:59 pm

sIFR integration

Post by manc »

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

Thanks
Jeff
Power Poster
Power Poster
Posts: 961
Joined: Mon Jan 21, 2008 5:51 pm

Re: sIFR integration

Post by 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: sIFR integration

Post by 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

Re: sIFR integration

Post by Deak »

As a non-Flash alternative to sIFR, you might like to check the implementation of cufon in my Ocean Theme.
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: sIFR integration

Post by 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
Last edited by Foaly* on Sat Jan 23, 2010 2:40 pm, edited 1 time in total.
uptoeleven
Forum Members
Forum Members
Posts: 96
Joined: Sat Dec 04, 2004 10:30 pm

or you could try facelift image replacement

Post by 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: sIFR integration

Post by 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

Re: sIFR integration

Post by 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

Re: sIFR integration

Post by 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

Truetype Text

Post by 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
Forum Members
Forum Members
Posts: 20
Joined: Thu May 20, 2010 2:00 am

Re: sIFR integration

Post by 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

Re: sIFR integration

Post by 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

Re: sIFR integration

Post by 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.
Locked

Return to “Feature ideas”