A
Admin
Well-Known Member
Staff member
Administrator
By Default, VBulletin uses this font family
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:
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:
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
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:
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:
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
