cufon rendering
cufon rendering
Out of context: Reply #5
- Started
- Last post
- 8 Responses
- ********0
Yes, there is..
The best way used to be to hide the headings using CSS visibility, but IE8 has a problem rendering the cufon text when it's hidden... so the alternative is to simply move the heading off to the left of the screen using a negative text-indent.
1. You need to move the headings off screen with standard CSS within the header.
eg. '#id { text-indent: -9999px; }'
2. Then just before the body, put your cufon stuff in a script tag
3. call Cufon.now();
4. and using the jquery .css() method, bring the headings back into view...eg. $('#id').css('text-indent', '0');
- and the JS limitations could be gotten rid of by setting the negative text indent using the jquery css() method as well.********
- and the JS limitations could be gotten rid of by setting the negative text indent using the jquery css() method as well.