WordPress.org

1. tobyleeming
   Member
   Posted 10 months ago #

   Hi There,

   I have seen the two other solutions to this on the forums and have tried both, but neither replicate my code and so when I try it I just seem to break the code and stop the font replacement altogether.

   My code is:

   Cufon.set('fontFamily', 'Akkurat').replace('h1')('h2')('h3')('#sidebar');

   Ideally id apply hover true to all classes or class specific. Any suggestions on code that would work would be greatly appreciated.

   Thanks in advance

2. keithdevon
   Member
   Posted 4 months ago #

   I'd love an update on this also.

   I'm using the following:

   Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('a')('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
   
   Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

   I would like to be able to set hover states for my links. I added changed to the following:

   Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('a', {hover: true})('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
   
   Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

   This hasn't made any difference. I was able to get a hover effect working by adding:

   Cufon('a', {hover: {color: 'aqua'}});

   ... to the top of the code. However this was very buggy. The links would change color but also turn bold.

   Cufon('a', {hover:true});

   means that the color doesn't change, but again the links turn bold.

   Can someone please shed some light on this!

3. keithdevon
   Member
   Posted 4 months ago #

   OK. I got it kind of working. Here's what I used:

   Cufon.replace('a', { fontFamily: 'ITC Avant Garde Std Bk', hover: true });
   
   Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
   
   Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

   The text-decoration:underline that I set for the hover state didn't work, so I used border-bottom instead. Colors now change and nothing turns bold that shouldn't. Weird.

Reply

You must log in to post.