- Posts: 326
- Thank you received: 0
- Forum
- Plugins
- KC Cufón Font Replacement
- Help Requests
- Using 2 fonts with Cufon - IE wont play ball!!
Using 2 fonts with Cufon - IE wont play ball!!
12 years 8 months ago #1
by laurelle
Laurelle
Developer
Keashly.ca Consulting
Replied by laurelle on topic Re: Using 2 fonts with Cufon - IE wont play ball!!
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.
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.
12 years 8 months ago #2
by albo
Using 2 fonts with Cufon - IE wont play ball!! was created 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.
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.
Joomla! & WordPress Hosts
Liquid Web 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. Their technicians go above and beyond what other hosting providers do, in our opinion.
Support Development
Please consider a small donation to support development of the extensions on this site.
Joomla! Login
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.
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.