Awesome free fonts for your forum [TypeKit]

  • Thread starter Thread starter AdminAdmin is verified member.
  • Start date Start date
A

AdminAdmin is verified member.

Well-Known Member
Staff member
Administrator
By Default, VBulletin uses this font family

Tahoma, Calibri, Verdana, Geneva, sans-serif

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

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

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:

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a


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:

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata


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

Facebook Comments

Similar threads

A
Replies
0
Views
3K
AdminAdmin is verified member.
A
A
Replies
0
Views
837
AdminAdmin is verified member.
A
A
Replies
0
Views
798
AdminAdmin is verified member.
A
Back
Top