Cufon Font Replacement Functionality

Vfxdude » BigFeature

Cufon Font Replacement Functionality

(18 posts) (4 voices)

Started 2 years ago by Blog Butler
Latest reply from vfxdude

Tags:

cufon

Blog Butler
Member

Hi there, I cannot get the Cufon font replacement to work with my own font.

I looked at the faq (http://www.vfxdude.com/bigfeature/2009/10/faq/#cufonfont) which said to look at this video ( ) but there is nothing in that video about the cufon functionality.

I've also read the post on it (http://www.vfxdude.com/bigfeature/2009/08/cufon-font-replacement/) and don't understand how to enable it or use it.

I've placed 'custom: .post h1' in the description field of the .js file that I've uploaded.

appreciate the help here!

Posted 2 years ago #
vfxdude
admin

There is something about cufon in that video, at the very end. First of all, you have to change the title to the font name, if you don't it will not work. The targeting you are trying makes no sense, since you should use h1 (only h1) instead. After the SEO this is especially important, since post headings varies between h1 and h2 depending on where they are.

Posted 2 years ago #
Blog Butler
Member

Thanks for the reply. So I looked through this video http://www.vfxdude.com/cufon-uploader-and-slider/ which has more detailed info in it. You don't put ANYTHING in the Description field, so are you saying that nothing has to be added to to the description field to make this function? In other words this is truly documentation only and not used for functionality?

Posted 2 years ago #
vfxdude
admin

to replace the default cufon font you don't add anything to the description field. The description field is not documentation, you can target tags and classes with it. You can upload many cufon fonts with the uploader, and target whatever you want. btw that video is a bit aging, not sure if the description targeting system was implemented yet.

Posted 2 years ago #
Blog Butler
Member

Ok so i have this working with the built in cufon font and the ones you supplied with the theme.

I cannot however get it to work with ones that I create. I've followed all the directions explicitly.

Posted 2 years ago #
vfxdude
admin

Impossible to say what the problem is without more information. Take a screenshot of the cufon upload dialog with the font name and description and/or explain in steps what you do. Could be the font that you are using, or something you do wrong. When you generate fonts you can give them a new family name, that can solve some issues with font name problems (I have had some of those).

Posted 2 years ago #
Orville
Member

Managed to create new cufon font and even works for widget headings h2 after additional targeting. But still my new font doesn`t show up in BF font menu, there are only default options. Just normal behavior or did I miss something?

Thanks

Posted 2 years ago #
vfxdude
admin

this is normal behavior. The cufon font list is for selecting the default font (there was just one default font before version 1.3, and no list at all), and not uploaded ones.

Posted 2 years ago #
Blog Butler
Member

Orville - curious as to where you got the font you compiled. None that I try actually work! Could you share the one you used?

Posted 2 years ago #
vfxdude
admin

you can test with this one http://www.dafont.com/sansation.font (most fonts work with cufon).

Posted 2 years ago #
Orville
Member

I have converted font using custom name. Then uploaded, added custom: .widgetheading h2 for targeting and moved font to first position in the gallery

Posted 2 years ago #
Orville
Member

But still cant understand clearly how it works :)
My issue:

I want main navigation links and widgetheading h2 to be replaced with my custom cufon font "Myfont".

"Myfont" is downloaded and targeted: custom:.widgetheading h2,custom:.navitem

Only Navication is selected at fonts panel (if I select h2 it will replace all other h2 with cufon font but I don`t want that). Also cufonised widget headings are enabled at general settings.

Seems to work actually. I dont use dropdown menu right now. But... in page source I see:

<script src="/wp-content/themes/bigfeature/library/js/cufon/Vegur_400-Vegur_700.font.js" type="text/javascript"></script><script src="/wp-content/uploads/2009/11/Myfont.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('ul.navigation li a', { fontFamily: 'Vegur' }); Cufon.replace('.widgetheading h2', { fontFamily: 'Myfont' }); Cufon.replace('.navitem', { fontFamily: 'Myfontn' }); </script>

It means that by some reason site is still loading Vegur as well. Does this mean that for dropdown there will be still implemented Vegur?

- How do I get ride of loading Vegur?
- What should I correct in my settings to have main navigation with dropdowns plus widgetheadings to use "Myfont" properly?

Thanks

Posted 2 years ago #
vfxdude
admin

have you watched this video? http://www.vfxdude.com/using-cufon/

the navigation is targeted with writing navigation, and not by using the custom directive. These are the possible values you can use when targeting: sitename,slogan,navigation,h1,h2 and the custom directive. (it's in the docs).

If you target in the description field the default font will still load. You can override the default font by uploading a font without writing in the description field (as you can see in the video), but from the next version it will also be possible to add the word default in the description list and that font will also be used as default.

Posted 2 years ago #
Orville
Member

Have watched cufon video and read many times the docs :)

Changed targeting to "navigation,custom:.widgetheading h2" instead of "custom:.widgetheading h2,custom:.navitem". Right? Seems to work that way...

But there is still also "Vegur" script loaded. Should I upload "Myfont" once again and then there will be just one font loaded?

Thanks

Posted 2 years ago #
vfxdude
admin

well...in the next version you can prevent the default font from loading by adding the word default into the description targeting list.

Posted 2 years ago #
Barandum
Member

I have the same issues with cufon fonts. All your fonts provided with the theme are working despite the ones I would like to us... e.g.:

http://fontstruct.fontshop.com/fontstructions/show/comitto

I don't see the point why these fonts are not working. Are there any special settings necesserary in the font-generator?

Posted 2 years ago #
Barandum
Member

by the way: how to change the font in the slider?

Posted 2 years ago #
vfxdude
admin

some fonts do not work with cufon. a tip is to change the font family name to something simple (no spaces), that can fix it. I'm showing how to generate fonts here: http://www.vfxdude.com/using-cufon/

There is no cufon in the slider (due to problems in some browsers). The font classes can be found with Firebug (ex: H1 is replaced with the class slider-h1 to prevent cufon replacement).

Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.