R – sIFR Only the first font-style of glyph in the swf will display, cannot seem to call up the others

embeddingglyphsifrstylingtext-styling

I've uploaded my .swf with bold, normal and italic glyphs of the font embedded. I then go to my sifr-config.js file to style the text using CSS. All properties except the font-style:italic; and font-weight:bold; are effective.

In fact, when I try to use these properties the flash text doesn't show up at all.

But if I go back into my flash file and change the first glyph from "normal" to "bold" or "italic" then re-export, it'll display the Flash text as whatever style I've just changed that first glyph to.

Here's my CSS all the properties except font-weigh and font-style work:

sIFR.replace(ronnia, {
  selector: 'h1, logo-text',
  wmode: 'transparent',
  css: '.sIFR-root { font-size:200px; background-color:none; color: #000000; text-transform: uppercase; font-style:Italic; display:block;}'
});

I'm really new to the sIFR thing, any ideas what I could be doing wrong?

Best Answer

The code says Italic with a capital I. Flash can be picky with its CSS support, so that might be a problem. Other than that, it'd help if you could add a link to a demo page.

Related Topic