Styling Cufon fonts

Hi,

Those are issues that you would have to bring to the attention of the Cufon developers. Sorry, can help you with that sort of problem.

Cheers.

Hi,

The site seems to be gone, so couldn't look at what you did.

Note that I am just providing the plugin to use Cufon in Joomla, for help on actual Cufon functionality you need to ask the Cufon developers. I think I have provided as much help as I know about Cufon now. Please ask on the Cufon forum for instructions on how to get the line-height to work.

Sorry, we didn't get everything working that you needed, hopefully the Cufon people can help you out.

Hi,

Your site is extremely slow to load and I think part of the problem is that you have made the site text use Cufon. You really shouldn't use Cufon for your site text as every word get around 3 cufon tags wrapped around it. That is a lot of processing. Just use Cufon for things like headins and special text, maybe in modules or something that has a span around it for special words/phrases.

Try using the javascript method to change the line-height on the p tags, if you continue to use Cufon for them, like you did with the color for the h1 tag.

Good luck.

Hi,

What are you trying to control in the template.css file? Did you check with Firebug that the selector is getting the new css definition that you are trying to give it?

I would need a link to your site and what exactly isn't working to help you.

Cheers.

Hello,

When you use the cufon.xxx() commands these are Javascript functions not CSS. So you need to enclose them in a Javascript section in the head of your document.

To change the line-spacing for example, you can just use normal CSS to do that and put that in your template.css file.

For example in the head of your template (change [ to < and ] to >):

[script type="text/javascript"]
Cufon.replace('h1', {
color: '-linear-gradient(red, 0.2=#fff, 0.8=#23d559, rgb(0, 0, 0))'
});
[/script]

and in your template.css you could add:
h1 {line-height: 20px;}

Hope that helps.

Hello,

Just add it to your css files. You don't have to put it anywhere special. I would add it to your template.css file.

The plugin doesn't have any css file, all the css it adds is in the head of the document.

Hope that helps.