Indexhibit Support

This Cufon is good. I've got it working on mine now too.

As for hover states though, that first link in this thread has

Cons

* It's Javascript dependent. If disabled, the default fonts will be used.
* The text isn't selectable - never a good thing.
* You can't apply a hover state to converted elements.

I've got it all set up for a:hover but as it says there nothing happens :(

@blameme that kernest thing looks good too, but what's the deal I don't see a download part or anything. Do you have to buy it?

Hi,
I have been playing with this and it seems to work really well.
I wanted to use it across the whole site and used this code...

1. Cufon.replace('body', { hover: true });

It seems to work ok, just thought this was a good tip for anyone looking to do the same...

I understand that there is problems with the hover state
but it seems to work on my site, but really sporadically...
for example: bio and subscribe work, but not contact...
anyone have any ideas?

http://www.clairerobertson.org/index.php

many thanks!

oh, I totally forgot to mention...
I have absolutely no ability to control the line-height of the body copy,

http://www.clairerobertson.org/biography/

I seem to have a range of css options to control the menu, but nothing at all effects the body copy...

again, any ideas would be greatly appreciated

thanks

'subscribe' has a separate php file called form.php
You have to re-apply all required css and js in this file as well....

as for the line height you should be checking here... it has a section concerning line-height.

Hi Arson,
Yep, i have not had any luck yet using cufon in the subscribe email form... bound to be a whole other can of worms...

With line-height
My problem is that in my css, in the body tags(?) i can change the colour of the body copy in biography BUT
when i change line-height, nothing happens with the biography text, actually the menu is the only thing effected...

any ideas?

sorry, a little more reading
are you saying it is not possible to control the line-height in indexhibit because the files are transitional?
I dont really know what the distinction is and would be hesitant to change the files to 'strict'
sounds scary...
????

yep, finally worked out that I needed to change my index.php to strict xhtml, the rest of indexhibit seems to work fine AND i can control the leading, woo hoo!!
thanks!

It is not possible to change line-height...it's a current limitation of Cufon. Unless this is something new...

by converting the index.php from transitional to strict,
i was able to control the line-height completely...

for real

i just hope there are no adverse effects with indexhibit...
not so far...

There likely will be with the IE's...be sure you check things.

argh...
too good to be true...
i will look out for it
thanks

Oh guys.. I am trying this, I feel like I did the right things but can't figure out what's going wrong.. here is my website www.damienrayuela.fr. Can someone help me out?

You haven't included any javascript rules to apply the script to...

Example:

1. <script type="text/javascript">
2. Cufon.replace(['h1','h2' etc etc ], {
3.     hover: true
4. });

Check the Cufon FAQ for more info.

Hey Arsondpi, thank you for your help, if you didn't find javascript rules to apply the script, it's because I was working on it, I kept on trying this afternoon, I compared the codes with others that managed to get cufon working.. but could'nt get it..
If you have any idea.. I look so much forward to get it working ;)

www.damienrayuela.fr

Any idea? I did insert the codes Arsondpi gave and read the Cufon FAQ, but still can't figure out why it's not working?

Thank you guys and have a nice day

wait a minute - have you got any text that is wrapped in h1, h2, h3 or h4 tags???
I posted an example to get you going thinking.
By the way you're missing closing });

Let's say you want to apply cufon in all ul elements in your the menu...

1. <script type="text/javascript">
2. $(document).ready(function() {
3. ¬†¬†¬†¬†Cufon.replace(['#menu ul']);
4. });
5. </script>

...as you understood cufon affects css classes. Aim for what you want.
:-)

Wonderful Arsondpi, it works ;)
I am now looking to apply this font to the main title, I thought the corresponding code was'li.section-title' but it seems it's not.. I think it would be very interesting to have a list with the codes and what they represent in the architecture of the website. Perhaps it already exists?

Thank you for your help, you are doing a great job

wrap the code for your logo in the pre nav with a div, and this one a name.

then call this div in your css and style it.

got it ?
;)

hello!

i'm trying to put a new font in my menu.

1_I changed my font.ttf with cufon in font.js

2_I put it in my JS folder

3_I changed in index.php

but nothing changed.

4_I tryed to change the name of police in the Style.ccs
but nothing.

What's wrong pleease?

THANKS!

pénélope
on-a-bien-le-droit-de-rire.com

oups why my code is not visible on the forum?

Posting alot of code is a pain for the forum. Only paste the small relevant parts.

I understand you are still building your site but if you want help in the forum you must have your link back to Indexhibit.

Thanks

ok!

yeah i m working on it and i want to put the link in /contact/
so i ve made it now! :)

i put (without space at the beginning) L19 (after expanding menu):

< script type='text/javascript' src='http://on-a-bien-le-droit-de-rire.com/ndxz-studio/site/js/jscufon-yui.js'>

< script type='text/javascript' src='http://on-a-bien-le-droit-de-rire.com/ndxz-studio/site/js/jsCircus_500.font.js'>

and then juste before /body

< script type='text/javascript'>
$(document).ready(function() {
Cufon.replace('h2', { fontFamily: 'jsCircus_500.font' });

(I tested H1, H2, li.section-title, p.sub-header...)

but nothing worked :(

First off, your script to make Cufon work must be in the template itself...it won't work if you are placing it into the body (text space). Put it in the head of the page...

Next, why are you using jscufon-yui.js? Don't you need the Yahoo (yui) base tools for this to even work. Find the raw cufon.js file instead.

Do these things first and see how it goes then...

ok.

1/
I put cufon-yui.js in my template floder with index.php, ie.css and style.css.

2/
I placed it in the header before that. and try in body after.
now i have

cufon.replace('h1'):

in the head, under the line for the font.

3/
I put my font in js folder.

4/
I found my cufon here http://cufon.shoqolate.com/generate/
then i read in the forum that someone had JScufon.js so I tryed to change the name..but now i have cufon.js

still doesn't work.

please anyone have any suggestions for me?

thanks you!

I tryed to fixe it again again...
sorry to insist but anyone know what did i do wrong or waht i could do?

TX!

I've made it again..
I'm lost. please help a lonly noob..

I've got an issue that don't know how to solve.

In my menu appears an horizontal scrollbar, why??

I would really apreciate any idea!!

Thanks!

Here's the site:

http://thecreativebox.com.mx/index.php

Forget it was something with the css.

So dumb I'm! jeje XD

it's

1. display:inline-block !important;

that creates the mess - if you delete this it works but you need to readjust paddings, margins etc.

Hi guys,

sorry to dig up an old thread. Just wondering where about do i add the code to the template. Is it in the pre nav box under settings or directly into the index.php script?

thanks

Hi guys,

sorry to dig up an old thread. Just wondering where about do i add the code to the template. Is it in the pre nav box under settings or directly into the index.php script?

thanks

try this previous thread.

Hi everyone,
Its the first time Im using CUFON and styling links in general. Im having a hard time with :HOVER. I found the code, but when I place it, nothing changes. Here is what I have:

1. Cufon.replace('h1');
2. Cufon.replace('li a');
3. Cufon.replace('ul');
4. Cufon.replace('p');
5. Cufon.replace('li.section-title');
6. Cufon.replace('li a', {
7.        hover: true });
});

can someone help me?

This is the link to the work in progress website: Webpage

Thank you!
E.

Hullo. I dunno if this has been mentioned elsewhere, but I just noticed Cufon isn't working with IE9.

Thankfully Cufon have an update to fix this.