vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Integration with vBulletin - Add Google Web Fonts (https://vborg.vbsupport.ru/showthread.php?t=250834)

tafreeh 09-19-2010 10:00 PM

Add Google Web Fonts
 
1 Attachment(s)
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

Maxima 09-20-2010 02:25 AM

Not working 4.0.6

sulasno 09-20-2010 03:12 AM

tagged and thanks

will install it later in 4.0.7

tafreeh 09-20-2010 04:21 AM

Quote:

Originally Posted by Maxima (Post 2100773)
Not working 4.0.6

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

COL NIL SATIS 09-20-2010 09:58 PM

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

tagged for now until install ...:D

tafreeh 09-20-2010 11:11 PM

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 09-21-2010 04:49 PM

You can simplify the call to Google by doing this:

Quote:

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

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


Nocturnal222 10-28-2010 02:26 AM

Looks good on one of my sub-forum :)

paarmis.queen 10-28-2010 04:15 AM

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

JAFRI 10-28-2010 04:46 AM

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


All times are GMT. The time now is 02:11 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01014 seconds
  • Memory Usage 1,751KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete