HD-Gfonts plugin for Joomla 2.5

 

Insert Google Fonts into your Joomla website to replace the standard system fonts with a range of Search Engine Friendly and Cross Browser compatible fonts.


 


 

Download for Joomla 2.5

-Older versions-

 


what is this? | what are google fonts? | after installing | will it work on all templates? | how do i add new google fonts?


 

What is this?

HD-Gfonts is a simple plugin that allows you to replace the standard fonts of your headings with a wider range of fonts from the Google Font Directory. There are over 200 fonts (including bold, italic and bold-italic variations) to choose from, including: Cantarell, Cardo, Crimson Text, Cuprum, Droid Sans, Droid Sans Mono, Droid Serif, IM Fell Double Pica, Inconsolata, Josefin Sans Std Light, Lobster, Molengo, Neucha, Neuton, Nobile, OFL Sorts Mill Goudy, Old Standard TT, PT Sans, Philosopher, Reenie Beanie, Tangerine, Vollkorn and Yanone Kaffeesatz.

 

 

What are Google Fonts?

The Google font directory is a collection of fonts hosted on Google servers and available for use on your website under an open source license. Unlike the CSS font-face system they work on all browsers (even IE6) and unlike flash embedded systems the fonts are completely search engine friendly. You can learn more about the Google Fonts API here.

 

 

What to do after installing?

Install the zip file via the administration install manager as per any other plugin. Once it has installed go to the plugin manager and select HD-Gfonts. Enable the plugin, then choose the font from the drop down selection box.

 

 

The font will be applied to a particular class (by default this is H1). You can change the class in the class box. To apply the same font to other classes simply seperate them with a comma (eg. "H1, H2, H3").

 

You can apply additional CSS rules to the class by entering them into the additional CSS box (eg. "color: purple"). To apply more than one CSS rule seperate them with a semi-colon (eg. "color: purple; font-size: 20px").

 

 

You can enable a further four Google Fonts by changing the Enable Font parameter to "Yes". However, it is recommended to keep the ammount of fonts enabled to a minimum to reduce page load speed.

 

 

Will it work on all templates?

Admittedly I haven't tested it on every template but the simple answer is... Yes.

As the CSS file is loaded last the font should take precedent over any prior style sheets.

 

 

 

 

 

Web Design & Development
07845 950063
This email address is being protected from spambots. You need JavaScript enabled to view it.