Forums

Biofobico

I follow Chris screencast about sIFR but I cant get it to work. The replacement text dont display (same with the "original" text) on the page.

link to issue
Any help plz?

apostrophe

You need to include the relevant CSS in sifr-config.js

    
sIFR.activate(avenir);
sIFR.replace(avenir, {
          selector: 'h1.teste',
          css: [
          '.sIFR-root { MAIN CSS PROPERTIES }'
          ],
          wmode: 'transparent'
   });

eg. Font size, color, weight etc.

Biofobico

Did that already, but the problem remains.

apostrophe

Then it has to be an issue with your path. Instead of

var avenir = { src: '/flash/avenir.swf' };

try

var avenir = { src: 'flash/avenir.swf' };

Biofobico

Thanks for your patience @apostrophe, but already did that to. Can't figure out what's the issue here and if you type the url for the avenir.swf path it gives you the rendered message of the file.

Biofobico

Problem solved after trying with other type of font. My avenir font might have same issues with sIFR.

apostrophe

I see that your path to the new SWF is without the forward slash, I would try it again with avenir and maybe re-create your SWF first.

treehouse : what would you like to learn today?

Forums

sIFR not displays the text