Using 2 fonts with Cufon - IE wont play ball!!

More
8 years 8 months ago #1 by laurelle
Hello,

What happens if you remove just the h1 and h2 font1 definitions, do the h3 to h5 and the #topTitle h1 and h2 work in IE7? If that is the case then I suspect that IE7 is getting confused as to which h1 and h2 definition to use. You might have to do something like making sure that all of your plain h1s and h2s have a class on them like h1.componentheading and h2.contentheading instead of just plain h1 and h2.

This would be something that you will have to ask the Cufon folks for help on if the above doesn't work.

Good luck.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #2 by albo
He I've used cufon a fair bit but am experiencing a problem.

I have 2 fonts which both work (if I use only one at a time).

However I need to use them both. What I want to do is change all h1,h2,h3,h4,h5 to font1 and only h1 and h2 in the div id "topTitle" to font2. This works fine in Chrome and firebox but IE 7 wont play ball. Any ideas?

I am using the Cufon.replace() just before the end of the body too.

Any help is much appreciated. The code is below that I am using.
Cufon.replace('h1', {hover: true, fontFamily: 'font1'});
Cufon.replace('h2', {hover: true, fontFamily: 'font1'});
Cufon.replace('h3', {hover: true, fontFamily: 'font1'});
Cufon.replace('h4', {hover: true, fontFamily: 'font1'});
Cufon.replace('h5', {hover: true, fontFamily: 'font1'});
Cufon.replace('#topTitle h1', {hover: true, fontFamily: 'font2'});
Cufon.replace('#topTitle h2', {hover: true, fontFamily: 'font2'});

Please Log in or Create an account to join the conversation.

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Hosts

Managed Web Hosting by Liquid Web

This is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top