Custom Font Forum Titles (Cufon)
Mod Version: 1.00, by Attitude5ire
| vB Version: 4.0.1 | Rating:  (3 votes - 5.00 average) |
Installs: 20 |
| Released: 04 Feb 2010 | Last Update: Never | Downloads: 120 |
 Not Supported
 Template Edits
Additional Files
|
||
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.
http://www.catswhocode.com/blog/10-wonderful-fonts-you-can-embed-with-cufon-and-sifr.
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:
add after:
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:
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>.
http://digitalvb.com/forum
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.
http://www.catswhocode.com/blog/10-wonderful-fonts-you-can-embed-with-cufon-and-sifr.
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>
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>
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' });
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>
Download
cufon+fonts.zip (15.9 KB, 139 downloads)