Cufon

Benny_Arts / 2012-06-01 14:45:14   

Hi,

I was wondering how I could install Cufon into the new Indexhibit...
I tried to do this with the old tutorial but then I noticed there is no template to edit...

Cheers,
Ben

Vaska A / 2012-06-01 14:59:32   

Cufon has instructions on their site about how to integrate things - you would follow that. Of course there is a template you can edit - /ndxzsite/default/index.php.

Benny_Arts / 2012-06-01 16:05:21   

Hmm well I tried to add the following lines in the Index.php after uploading the right .js files but I can't seem to make it work...

  1. <script type='text/javascript' src='<%baseurl%><%basename%>/ndxzsite/js/cufon-yui.js'></script>
  2. <script type='text/javascript' src='<%baseurl%><%basename%>/ndxzsite/js/DINPro-Regular_400.font.js'></script>


$(document).ready(function() {
Cufon.replace('li a', { hover: true });
Cufon.replace('p', { hover: true });
Cufon.replace('li.section-title');
Cufon.replace('num');
});

LouiseR / 2012-06-01 16:17:55   

It seems use something like: {{baseurl}}/ndxzsite/
instead of: /ndxzsite/

  1. I'm not sure, but maybe you could try with:
  2. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/cufon-yui.js'></script>
  3. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/DINPro-Regular_400.font.js'></script>
LouiseR / 2012-06-01 16:20:52   

Sorry. It's all messed up. I try again:

  1. It seems to use something like: 
  2. {{baseurl}}/ndxzsite/
  3. instead of: 
  4. <%baseurl%><%basename%>/ndxzsite/

I'm not sure, but maybe you could try with:

  1. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/cufon-yui.js'></script>
  2. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/DINPro-Regular_400.font.js'></script>
Benny_Arts / 2012-06-01 17:21:17   

I'll give it a try.
However the code that I posted worked with the previous version of Indexhibit.
So I just tried to translate it to the new version.

Benny_Arts / 2012-06-02 09:22:20   

Alright getting there..

I used the following code and putted this in the Index.php file.
However, cufon only becomes active when I click on a section title.
So it doenst work on the main page etc...

Any idea?



$(document).ready(function() {
Cufon.replace('li a', { hover: true });
Cufon.replace('p', { hover: true });
Cufon.replace('li.section-title');
Cufon.replace('num');
});

Benny_Arts / 2012-06-02 09:23:45   

Okay apparently the forum doesn't want to insert the code tag...
Again:



$(document).ready(function() {
Cufon.replace('li a', { hover: true });
Cufon.replace('p', { hover: true });
Cufon.replace('li.section-title');
Cufon.replace('num');
});

Benny_Arts / 2012-06-02 09:25:44   

Common forum!
(why doesn't the preview work btw?)

  1. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/cufon-yui.js'></script>
  2. <script type='text/javascript' src='{{baseurl}}/ndxzsite/js/DINPro-Regular_400.font.js'>< /script>


$(document).ready(function() {
Cufon.replace('li a', { hover: true });
Cufon.replace('p', { hover: true });
Cufon.replace('li.section-title');
Cufon.replace('num');
});

LouiseR / 2012-06-02 13:13:24   

Can I have a look at your website?

Vaska A / 2012-06-02 14:02:37   

This is his site - I had it in my cache from yesterday...

bennyarts.com/

LouiseR / 2012-06-02 14:13:50   

Thanks, Vaska.

Benny, I don't really see the problem. I see the DIN everywhere.

comtour / 2012-06-02 15:04:45   

But bennyarts.com/ uses old indexhibit, how to utilize cufon in 2.0? I made changes to code and it doesn't work.

LouiseR / 2012-06-02 16:50:31   

Benny, I don't know if it's going to solve your problem, but with the V2, I think you shoud use:

  1. Cufon.replace('.section_title');

instead of

  1. Cufon.replace('li.section-title');
Benny_Arts / 2012-06-03 17:04:02   

Yeah,

It's not about my site but another site I'm making.
sannedewilde.com/

As you see, Cufon only gets activated when clicked on 'Untitled'

This thread has been closed, thank you.