Spice Up Your vBulletin Forum with Google CSS3 Web Fonts

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

AdminAdmin is verified member.

Well-Known Member
Staff member
Administrator
Spice Up Your vBulletin Forum with Google CSS3 Web Fonts

In This Article i will show you, how you can make your forum more attractive and beautiful by changing the default font style of your forum. I am going to use Google web fonts as CSS3 fonts and tell you how you can use Google web fonts in your forum

1: Goto Google Web Fonts Directory Google Fonts

Now Chose the font style you like, you will see small buttons in bottom right of each font style. See screenshot for reference. Click on small "Quick use" Button, this will now display available options for how to using that font style
tuoitrevnbiz22042013.jpg

Scroll Down a bit and you see following screen. As you can see you have 3 options for using font style. I am using 1st method which is standard method.
tuoitrevnbiz22042013.png


2: Adding Google fonts stylesheet to your forum template

a) Goto Admincp > Styles & Templates > Style Manager > Select Your template > Edit > headinclude
b) Copy <link href..... Code from Google and paste at the bottom

3: Using Font Family

Now edit you "additional.css" template

For all Headings


h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Condensed', sans-serif; //(or your font family you chose on google) }
For All List Elements

ul li, ol li { font-family: 'Roboto Condensed', sans-serif; }
For All Paragraphs

p { font-family: 'Roboto Condensed', sans-serif; }
For All Links

a, a:hover, a:visited { font-family: 'Roboto Condensed', sans-serif; }
 

Facebook Comments

Similar threads

A
Replies
0
Views
368
AdminAdmin is verified member.
A
A
Replies
1
Views
7K
tamduy121
T
A
Replies
0
Views
6K
AdminAdmin is verified member.
A
A
Replies
0
Views
2K
AdminAdmin is verified member.
A
A
Replies
0
Views
2K
AdminAdmin is verified member.
A
L
Replies
3
Views
3K
AdminAdmin is verified member.
A
A
Replies
0
Views
1K
AdminAdmin is verified member.
A
A
Replies
0
Views
1K
AdminAdmin is verified member.
A
A
Replies
0
Views
722
AdminAdmin is verified member.
A
A
Replies
0
Views
901
AdminAdmin is verified member.
A
Back
Top