Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS sIFR not displays the text

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24735
    Biofobico
    Member

    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?

    #56933
    apostrophe
    Participant

    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.

    #56934
    Biofobico
    Member

    Did that already, but the problem remains.

    #56935
    apostrophe
    Participant

    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’ };
    #56936
    Biofobico
    Member

    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.

    #56937
    Biofobico
    Member

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

    #56938
    apostrophe
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.