Forum Home Enhancements - Custom Font Forum Titles (Cufon)

Spice up your forumtitle's with custom font using Cufon text replacement.
I tried this in my forum works just fine under default vB4 (Should work for vB3 too.)

- Download the Cufon library, i have used YUI compressed library. also attchd.
- You need to generate font script now, It is recommended you use Free fonts.
10 Free fonts for Cufon.
You can generate font js file using this generator http://cufon.shoqolate.com/generate/
For ex: i have added Museo_500_400.font.js with this attchmnt.

UPLOAD Both these files to forum root folder.

- edit headerinclude and add these scripts.

find:

<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"></script>

add after:

<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Museo_500_400.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h2');
        </script>

And walah your forumtitle's will be now replaced, all h2 declarations in your forum will be changes to Museo 500 font.

Changing Multiple heading.
You can change as many heading you want but you just need to assign a font family to it.
For ex:

Cufon.replace('h1', { fontFamily: 'Museo' });
Cufon.replace('h2', { fontFamily: 'League Gothic' });

IE explorer annoyance
In most cases, there is a short but visible delay before the text is replaced. You can avoid this issue by inserting the following snippet right before the closing </body>.

<script type="text/javascript"> Cufon.now(); </script>

Live Working Demo

[dacho]

Thanks man I will try it

[Cableguy69]

These don't appear to be showing for me?

I'm using this font http://www.dafont.com/val.font as it's what I use in my logo.

My code is as follows.

<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Val_900.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h2');
        </script>

Val_900.font.js is the file that was generated, I uploaded that along with the cufon-yui.js you attached, what am I doing wrong?

[Aclikyano]

^ are you trying to run this mod on 3.8.4??? this is 4.0 version, maybe that is the problem

[Cableguy69]

No, I'm running 4.0.1

[Attitude5ire]

This Mod can run in 3.8 too

@ cableguy
There shouldnt be any problem, if there is, the only probable reason could be js conflicting with other js in ur forum. Anyway jus post demo to your site where u using this perhaps i can take a look.

[SCSCSC]

this mod is not for 4.0.1

[Attitude5ire]

Yes it is, this mod works for 3.8 as well. with few modifications

[mandingo]

I'm not seeing it in the demo even. Firefox maybe?

[Eazy1]

Working in 4.0.2 flawlessly.... have a question though. Is it possible to use the text style elseware (such as usenames in the postbit?)

[TimberFloorAu]

Originally Posted by Cableguy69

These don't appear to be showing for me?

I'm using this font http://www.dafont.com/val.font as it's what I use in my logo.

My code is as follows.

<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Val_900.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h2');
        </script>

Val_900.font.js is the file that was generated, I uploaded that along with the cufon-yui.js you attached, what am I doing wrong?

You need to call the cufon file and attribute it to your header tag.
We have had cufon for a while, didnt realise this thread was going.

Essentially.

In headinclude at bottom add your code.

Like so:

<!--brisbane website design cufon-->
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="tipper_400-tipper_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h2', { fontFamily: 'tipper' });
Cufon.replace('h1', { fontFamily: 'tipper' });
Cufon.replace('h3', { fontFamily: 'tipper' });

</script>
<!--end of brisbane website design cufon-->