Want to make your text look like an image? Here's how..

jasonh1234:

Do you mean a bad copy of cufon-yui.js?
Its very unlikely that anything is wrong with the Cufon yui file - I would upload your font again using the font generator I mentioned previously.

Also, I dont think; ```

It need to be the name of the font if I remember correctly. I haven't done a new Cufon in a while.

Ok I built the font's cufon .js file myself using the Cufon page referenced.

Left the font's name intact as exported but prefixed with "jscript_".

Edited the html_header.php to reference all the files. (Even though they're all already prefixed with "jscript_")

Still not working.

Here's a shortened URL to my site. (Shortened to prevent possible search engine indexing.)
http://bit.ly/flUNn9

Can someone please help with this? I'm pulling my hair out. :(

Ok, a few things Ive noticed.

• you've added the Cufon yiu, replace, and font file twice in your
  html header file.

• you've got <script> tags in your Cufon replace file - taken them out.

• I know you've copied my Cufon replace file from post #1 - but I don't think you've covered some of **your **tags such as #navEZPagesTop - for 'Home, New Products, Specials' etc (depending of course on what you want to 'Cufon') - add them to the Cufon.replace.js file.

Scott_C:

you've added the Cufon yiu, replace, and font file twice in your html header file.
Nope just once. I guess it was added a second time to the DOM because they were prefixed with jscript_
I've fixed this now.

you've got <script> tags in your Cufon replace file - taken them out.
Done. No joy.

I don't think you've covered some of **your **tags such as #navEZPagesTop
Think I've done this properly now. Still not working though.

I've just viewed your source code again and there's no Cufon files there at all currently.

Aha! I got it!! the "jscript_" prefix was causing the files to be called in the wrong order! cufon-yui.js has to be called before the font.js!

Working now! :D

Scott_C:

I've just viewed your source code again and there's no Cufon files there at all currently.
You looked as I was right in the middle of a change. :P

Realized I forgot to say "Thanks guys." :blush:

You're welcome. :blush:

Looks much better!

Now for a final effect, add the hover behaviour;

Cufon.replace('#navEZPagesTop', {hover: true}); 

Scott_C:

Now for a final effect, add the hover behaviourWooooo bonus!! Thx. :clap:

Hi All, I'm having a problem too :(

2 things, 1stly I cannot get Cufon to load at all! I've added the following to my html_header file as per this thread's instructions and another website:

<script type="text/javascript" src="includes/templates/zen-natural/jscript/cufon-yui.js"></script>
<script type="text/javascript" src="includes/templates/zen-natural/jscript/Harabara_700.font.js"></script>
<script type="text/javascript">	Cufon.replace('.h1');</script><script type="text/javascript"> Cufon.now(); </script>  

I've tried calling all my H1 tags for now just to test it

2ndly, I'd like to (once its working!) apply it to my category titles within the div "categoryListBoxContents" and have no clue how to do that!

Also, what's "cufon-replace.js"?? I dont have that file, and it's not available to download or even mentioned on the cufon website?

(I cannot send you the link as the site is in development and locked down by IP sorry!)

Please help, I'm going to have hundreds of categories on this site soon and I dont really want to manually create a category image for each and every one!

Hi Mike,

I have cufons running on several of my sites. Here is an example of how to set up your cufon-replace.js file:

Cufon.replace('.cufon-enabled ul li a',{hover: true, textShadow:'1px 1px 0px #1d1d1d'});
Cufon.replace('.rightBoxHeading',{hover: true, textShadow:'1px 1px 0px #000000'});
Cufon.replace('#checkoutSuccessHeading');
Cufon.replace('#checkoutConfirmDefaultShipment');
Cufon.replace('#checkoutConfirmDefaultShippingAddress');
Cufon.replace('.categoryIcon',{hover: true});
Cufon.replace('.pagination',{hover: true, textShadow:'1px 1px 0px #1d1d1d'});
Cufon.replace('.productListing-rowheading');
Cufon.replace('.headerbox',{hover: true, textShadow:'1px 1px 0px #1d1d1d'});

Cufon.set('fontFamily', 'Prociono');
Cufon.replace('h1');
Cufon.replace('h5.itemTitle');
Cufon.replace('#productName');
Cufon.replace('#productListHeading');
Cufon.replace('#checkoutSuccessThanks');
Cufon.replace('.centerBoxHeading');
Cufon.replace('#cartEmptyText');
Cufon.replace('#attribsOptionsText');

You will notice I have two sections. The second section is a different font used. You do not need to specify the first font as it is default, but you will need to in the second section. I had a problem with the second font cufons not showing up when the fonts name was more than one word. It was very odd, so I had to go with Prociono.

If you have any semicolons, brackets, or other things out of place in this file, it will not work.

I did not need to use the cufon.now code in the header to make things work. They say if you use it, it will help things load faster. I did not find this to be true in my case. But, they say it has to be the last code before the </head> tag, not with the other header codes.

I believe on your h1 code you do not need the ., (ie Cufon.replace('h1'). Take it out of the header and place it in your new cufon-replace.js file.

Here is the code I have in my header:

Good Luck. When it does start working for you it will look awesome! Be patient and start small. Once you get one working, then you can add more and test.

Kim

I found an issue with cufon and the Ceon URL Mapping mod. I added the cufon scripts and it works just fine until I update the URL to an SEO friendly one. The cufon then goes away. It's still being called in the page and the fonts still show up on other pages. But, as soon as the URL is mapped, the product title for example reverts back to using the system font.

Zen Cart version 1.3.9h

Link to page with SEO URL and no cufon:
http://www.jeannebeatrice.com/new/La-Mer-Market-Baskets/La-Mer-SMALL

Link to page without SEO URL and with cufon:
http://www.jeannebeatrice.com/new/index.php?main_page=product_info&cPath=2&products_id=21

Does anyone have any ideas?