Grow your CSS skills. Land your dream job.

sIFR not displays the text

  • # April 30, 2009 at 7:49 am

    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?

    # April 30, 2009 at 8:20 am

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

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

    eg. Font size, color, weight etc.

    # April 30, 2009 at 9:43 am

    Did that already, but the problem remains.

    # April 30, 2009 at 10:04 am

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

    Code:
    var avenir = { src: ‘/flash/avenir.swf’ };

    try

    Code:
    var avenir = { src: ‘flash/avenir.swf’ };
    # April 30, 2009 at 10:11 am

    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.

    # April 30, 2009 at 10:24 am

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

    # April 30, 2009 at 11:19 am

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".