vb.org Archive - Forum Home Enhancements - Custom Font Forum Titles (Cufon)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - Custom Font Forum Titles (Cufon) (https://vborg.vbsupport.ru/showthread.php?t=234962)

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:

Code:

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

add after:

Code:

<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:

Code:

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>.

Code:

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

Live Working Demo

Great THX

one Problem in german

ä,ö,ü is missing

plz help

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/

THX working

*installed*

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

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.

how do i add my own fonts?

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

Very nice touch, I like it and installed! :cool:

Quote:

Originally Posted by Dr.osamA (Post 1977245)

in Header >>> Header font

thanks,
now can you tell me which stylevars these are changeable in:
https://vborg.vbsupport.ru/external/2010/02/74.jpg

Thanks man I will try it

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. https://vborg.vbsupport.ru/external/2010/05/27.png

My code is as follows.

HTML Code:

<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?

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

No, I'm running 4.0.1

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.

this mod is not for 4.0.1

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

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

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?)

Quote:

Originally Posted by Cableguy69 (Post 1977882)

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. https://vborg.vbsupport.ru/external/2010/05/27.png

My code is as follows.

HTML Code:

<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:


<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>

Thank you for this, i am using on a skin i am doing.

The font size is very small, how do i increase it?

I have made same thing on my site with http://typekit.com/fonts

no need to upload files and its easy to cusotmise.

Thanks for your share.

when i change the font it doesnt have its hover properties...

This doesn't work for me, doesn't do anything. Running vb 4.1.12

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01271 seconds Memory Usage 1,769KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (2)bbcode_html_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (25)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: