Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Awesome free fonts for your forum [TypeKit]
farru
Join Date: Apr 2012
Posts: 9

by farru farru is offline 17 Apr 2013
Rating: (1 vote - 5.00 average)

By Default, VBulletin uses this font family


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

And, this is how it looks like on forum home:



Using TypeKit free fonts, you can change things. And this is what my forum looks like:



Looking for a live demo? Check Tech Forum

What's Typekit?

Typekit is the easiest way to use real fonts on the web.

O.k, enough talk. So this is what you have to do to use TypeKit fonts on your forum:

1) Signup for a free TypKit account, here
2) Once logged in, add your favorite fonts to your kit, and grab the font family code.
3) Also, grab the embed code from your kit and add this to your headinclude template
4) In VBulletin admin area, search and edit forumbits.css and look for this code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


That's the class where you need to add the font family code you have copied in step 2.
This will change the font family for forum titles on homepage.

5) In the same style sheet, look for this code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


That's the class where you need to add the font family code you have copied in step 2. Use different code here to make titles and forum description on forum home look different (As seen in above screenshot). Technically, you can replace any font.
Because TypeKit free account comes with only two font families, I have applied it on forum titles and descriptions.

Got any questions? feel free to ask

Last edited by farru; 17 Apr 2013 at 17:38..
Views: 6203
Reply With Quote
Comments
  #2  
Old 22 Apr 2013, 23:08
Princeton's Avatar
Princeton Princeton is offline
 
Join Date: Nov 2001
Real name: Joe Velez
moved to articles
__________________
Former vBulletin.org Staff Member

Latest Articles:
Liquid Layout = Less Ad Revenue?
How to Monetize Your Site
Improve Web Page Performance
How To Write For The Web


If it needs instructions, there's room for improvement.
Give users what they actually want, not what they say they want. And whatever you do, don't give them new features just because your competitors have them!
Reply With Quote
  #3  
Old 23 Apr 2013, 00:10
ForceHSS's Avatar
ForceHSS ForceHSS is offline
 
Join Date: Apr 2008
Looks just like default skin I see no change
Reply With Quote
  #4  
Old 23 Apr 2013, 13:29
farru farru is offline
 
Join Date: Apr 2012
Originally Posted by ForceHSS View Post
Looks just like default skin I see no change
Its fonts only, no new theme.
Reply With Quote
  #5  
Old 26 May 2013, 00:10
abdobasha2004's Avatar
abdobasha2004 abdobasha2004 is offline
 
Join Date: Aug 2008
nice fonts, however google fonts are better.
Reply With Quote
  #6  
Old 09 Oct 2013, 11:15
Mr basil Mr basil is offline
 
Join Date: Jul 2011
Where to replace the codes I got from typekit exactly? I get normal code and advanced code so where to put it ?
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 17:14.

Layout Options | Width: Wide Color: