Add Google Web Fonts
Mod Version: 1.00, by tafreeh
| vB Version: 4.0.6 | Rating:  (1 vote - 4.00 average) |
Installs: 11 |
| Released: 20 Sep 2010 | Last Update: Never | Downloads: 0 |
 Not Supported
 Template Edits
External Content
|
||
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 https://code.google.com/webfonts
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
Copy n paste the following code:
Click save
Step 2:
Now Add this code at the bottom of additional.css.css template
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:
OR if you wanna have a sorted list replace everything with this
Now You Are Done !!!
Go ahead create new thread or reply with these new stylish fonts..
[[ I have added to my forum, If you wanna see a http://www.tafreehmela.com/announcement/137735-new-fonts-added.html ]]
I removed them, as it was conflicting with profile customization.
Please review following post:
Thanks
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 https://code.google.com/webfonts
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>
Code:
<link href='https://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
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; }
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
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
Go ahead create new thread or reply with these new stylish fonts..
[[ I have added to my forum, If you wanna see a http://www.tafreehmela.com/announcement/137735-new-fonts-added.html ]]
I removed them, as it was conflicting with profile customization.
Please review following post:
Spoiler (click to open)
Tested and working
4.1 PL2
Important:
1)
You're header should already end with </div>
Adding another one is not a good idea. Added links AFTER </div>
2) the links above in the original post have been poorly formated
..... makes for an invalid link, so doing a copy & paste of the above will do you no good.
Use the links below;
4.1 PL2
Important:
1)
You're header should already end with </div>
Adding another one is not a good idea. Added links AFTER </div>
2) the links above in the original post have been poorly formated
..... makes for an invalid link, so doing a copy & paste of the above will do you no good.
Use the links below;
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?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Josefin+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?family=OFL+Sorts+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'>
Close
Thanks
Download
No files for download.