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

Code:

---

</div>

---

Copy n paste the following code:

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

Code:

---

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:

Code:

---

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

Code:

---

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

Not working 4.0.6

tagged and thanks

will install it later in 4.0.7

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

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

tagged for now until install ...:D

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.

You can simplify the call to Google by doing this:

Terriblee :(
I RECOMMEND NOT TO ISTALL THIS . . .

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