Solving SIFR line break problems
Sometimes you feel the need to have custom fonts in HTML and you feel like SIFR is the way to go. However, your happy feelins are battered because of your SIFR plugin line breaks at the wrong place. Often it's the last word that doesn't fit.
This problem occurs because SIFR measures the HTML width of the text. Depending on your custom font it's most likely less then your flash needs to be. You can solve this by adding:
letter-spacing: 100%;
or depending on your font:
letter-spacing: 30px;
To your CSS. It doesn't effect your none-sifr layout (if js is turned off) but it solves the sifr issue.
Source
This problem occurs because SIFR measures the HTML width of the text. Depending on your custom font it's most likely less then your flash needs to be. You can solve this by adding:
letter-spacing: 100%;
or depending on your font:
letter-spacing: 30px;
To your CSS. It doesn't effect your none-sifr layout (if js is turned off) but it solves the sifr issue.
Source
Leave a comment