Integration with vBulletin - Add Google Web Fonts

Hello,

This is my first add-on. I just found out something, and thought should share it here.

What It Does?

It will add new fonts to your editor. These fonts are taken from Google Web Font

Step 1:

Go to Admin Cp >> Styles Manager >> Your Default Style >> Edit Styles

Add this code at the bottom of header template( or anywhere ), Just before

</div>

Copy n paste the following code:

<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?fami...ell+English+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?fami...Sans+Std+Light' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?fami...+Mill+Goudy+TT' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>

Click save

Step 2:

Now Add this code at the bottom of additional.css.css template

h1 { font-family: 'Cantarell', arial, serif; }
h1 { font-family: 'Tangerine', arial, serif; }
h1 { font-family: 'Cardo', arial, serif; }
h1 { font-family: 'Crimson Text', arial, serif; }
h1 { font-family: 'Droid Serif', arial, serif; }
h1 { font-family: 'IM Fell English SC', arial, serif; }
h1 { font-family: 'Inconsolata', arial, serif; }
h1 { font-family: 'Josefin Sans Std Light', arial, serif; }
h1 { font-family: 'Lobster', arial, serif; }
h1 { font-family: 'Molengo', arial, serif; }
h1 { font-family: 'Neuton', arial, serif; }
h1 { font-family: 'OFL Sorts Mill Goudy TT', arial, serif; }
h1 { font-family: 'Reenie Beanie', arial, serif; }
h1 { font-family: 'Vollkorn', arial, serif; }

Click Save

Step 3:

Go back to Styles Manager >> Your Default Style >> All Options
Scroll at the very bottom to Toolbar Menu Options. On Left hand side under Available Fonts..

Add This:

Cantarell
Tangerine
Cardo
Crimson Text
Droid Serif
IM Fell English SC
Inconsolata
Josefin Sans Std Light
Lobster
Molengo
Neuton
OFL Sorts Mill Goudy TT
Reenie Beanie
Vollkorn

OR if you wanna have a sorted list replace everything with this

Arial
Arial Black
Arial Narrow
Book Antiqua
Cantarell
Cardo
Century Gothic
Comic Sans MS
Courier New
Crimson Text
Droid Serif
Fixedsys
Franklin Gothic Medium
Garamond
Georgia
IM Fell English SC
Impact
Inconsolata
Josefin Sans Std Light
Lobster
Lucida Console
Lucida Sans Unicode
Microsoft Sans Serif
Molengo
Neuton
OFL Sorts Mill Goudy TT
Palatino Linotype
Reenie Beanie
System
Tahoma
Tangerine
Times New Roman
Trebuchet MS
Verdana
Vollkorn

Now You Are Done !!!

Go ahead create new thread or reply with these new stylish fonts..

[S][[ I have added to my forum, If you wanna see a LIVE DEMO ]]
[/S] I removed them, as it was conflicting with profile customization.



Please review following post:
https://vborg.vbsupport.ru/showpost....6&postcount=11
Thanks

[Maxima]

Not working 4.0.6

[sulasno]

tagged and thanks

will install it later in 4.0.7

[tafreeh]

Originally Posted by Maxima

Not working 4.0.6

How is it not working ? Can you provide more details please.
Thanks

[COL NIL SATIS]

Brilliant Tafreeh .. will add these tomorrow mate...great stuff!!! some boss fonts there..

tagged for now until install ...

[tafreeh]

Thanks for appreciation
Oh and just to let you know that I did not include all the fonts from that directory. I skipped 5. because I didnt find anything new in them.

[dvsDave]

You can simplify the call to Google by doing this:

To request multiple font families, separate the names with a pipe character (|).
For example, to request the fonts Tangerine, Inconsolata, and Droid Sans:

http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans

[Nocturnal222]

Looks good on one of my sub-forum

[paarmis.queen]

Terriblee
I RECOMMEND NOT TO ISTALL THIS . . .

[JAFRI]

@ Tafreeh , not work , i try vb4.0.8 & 4.0.2