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

[sisterhood]

Great THX

one Problem in german

ä,ö,ü is missing

plz help

[Attitude5ire]

Hey, this probably happens when you generate your font file.
By default only latin characters are added, you need to generate your font file again
http://cufon.shoqolate.com/generate/

[sisterhood]

THX working

*installed*

[Aclikyano]

it works with any font?
and all members can see this? even if they do not have the font stored on there PC?

[Attitude5ire]

Should work with any font you can embed but you cannot embed commercial fonts unless u are allowed to. But yes any font u embed can be seen by everyone, it doesnt require the viewers to have that font in their PC.

[Aclikyano]

how do i add my own fonts?

[Aclikyano]

do you know what stylevar is edited to change the font size of where it says Welcome (username) , Notifications, My Profile, Settings, Log Out?

[icemann]

Very nice touch, I like it and installed!

[Aclikyano]

Originally Posted by Dr.osamA

in Header >>> Header font

thanks,
now can you tell me which stylevars these are changeable in: