Hello, I'm trying SIFR v3 with my Theme and it seems loading but at the end the font is not replaced. Can anyone help me? Please, don't tell me to use Dynamic Rendering module. I want different fonts in different Themes and support to SIFR v3, Dynamic Rendering gives neither. Thank you.

Here it is what I did:

1-I use SIFR 3 r419. I copied the following files into my theme:
sifr.js
sifr-config.js
sIFR-screen.css
sIFR-print.css

2-I added in my theme.info:
scripts[] = sifr.js
scripts[] = sifr-config.js
stylesheets[all][] = sIFR-screen.css
stylesheets[all][] = sIFR-print.css

3-I used SIFR generator http://www.sifrgenerator.com/ and created my font. Then I copied it into http://mysite/sites/default/files/fonts/sifr3/myfont.swf

4-I added this to sifr-config.js:
var myfont = {
src: 'http://mysite/sites/default/files/fonts/sifr3/myfont.swf'
};

sIFR.activate(myfont); // From revision 209 and onwards

sIFR.replace(myfont, {
selector: 'h2.title'
});

5- I added this to SIFR-screen.css:
.sIFR-active h2 {
visibility: hidden;
font-family: times;
line-height: 33px;
font-size: 18px;
}

6-Cleaned Browser and Website Cache.

7-Fonts dissappear for a moment, but at the end the font is not replaced. Changes into the js and css make some modifications to this behaviour, so I'm sure (or nearly sure) that all the js and css are correctly loaded. I think the problem could be the path to the swf, but I use that path directly in my browser and I can see it, so path and permissions are right. Any help?

Comments

travisc’s picture

I believe there is a patch for sifr3 http://drupal.org/project/render

daniorama’s picture

I managed to get it working on my zen based them but thanks for the tip