I am using corporate(expensive) font-family Gotham.
The problem i'm having is that the sIFR font is slightly narrower that the original fonts which doesn't do the font justice.
Is there a reason for this?
Is there anything i can do about it?
Don't know, but it sounds like a Flash issue, not immediately a sIFR issue.
Related
If you re-size or re-scale your browser window on the following site that I'm working on the sifr fonts do not change size at all. And even worse if the page is sized down some of the sifr text will get cut off on the edges.
http://hokey.squarespace.com/
I'm guessing it's an easy fix. I'm kinda new to sifr.
Please help if someone can!
sIFR 3 does this properly.
I have a problem with overlapping characters.
Using sifr r436. The font is Dax, and the result is shown below. Any help would be appreciated.
Thanks.
That seems to be a Flash issue rather than a sIFR issue.
I've noticed this issue in previous versions of Firefox whereby after scrolling sIFR links become inactive and need to be clicked in order to become links again. The fix for this was fairly straightforward and just required you to add 'fixFocus: true' in the sIFR config.
Unfortunately when I upgraded to Firefox 3.6 this fix no longer works. I'm just wondering if anyone else has come across this and know if there's a workaround. We use sIFR links in loads of our sites so this is a pretty bad bug!
Thanks in advance if anyone can help
*update - it seems like it's the addition of using the wmode: 'transparent' - if i take this out the fix focus works again. Still a problem though as most of our links need to be transparent
Yea, it's a browser issue, and a rather old one by now. There's no better workaround available in sIFR.
A trick to make the sIFR links work fine in firefox when having the wmode set to transparent, is to add that CSS code to the class that is being replaced :
.fontname:hover {background-position:0% 100%;}
In this example, fontname is the CSS class that determines which tags are replaced.
Now I'm using sIFR3. It works very nicely.
Additionally, I would like to put an effect on sIFR.
My idea is that when the page loaded, sIFR(ed) texts change its color. For example, sIFR in list item change color one by one.
The purpose is to emphasize the sIFR(ed) texts.
Reading the document, I thought Flash filters are not for like this animation.
Do you think is it possible to make animation on sIFR ?
Thank you for your help.
You could do this using JavaScript. See this answer for inspiration: Sifr and Javascript changing stylesheets (without a page refresh)
Is there any way to alter the font size of sIFR text after it has been rendered? I am creating a virtual poster mock-up, and I want to be able to have the user alter the size of the text on the fly (and without a refresh).
I've tried altering the font-size of the base text and changeCSS of the .sifr-root and .sifr-active, but can't seem to get it to work.
There currently is no way to change the font size, other than removing the replacement and replacing the text again with a different size.
This page documenting sIFR v3 talks about text scaling, with some dire warnings ... But perhaps it works for your use case, and is worth testing?