Solving the Cufon delay render problem
Cufon uses JavaScript to transform plain looking text on a web page into a pretty font, even when that font is not installed on the visitor’s computer.
However, on JavaScript-heavy web pages, there is sometimes a delay between the text displaying and Cufon doing its thing. It is ugly.
Fortunately there is a very simple and effective fix.
While Cufon is in the process of rendering the text, the CSS class cufon-loading is applied (replaced with cufon-active once rendered).
Just by defining the following CSS statement…
.cufon-loading {
visibility: hidden;
}
…the ugly render delay will appear to be no more.
For all intents and purposes, it works (even in Internet Explorer!).
10 Notes/ Hide
-
newscrackfli likes this
-
thelake likes this
-
imageinnate likes this
-
jmedwards posted this
