How to use Google Fonts in a Joomla Website

Rate this item
(0 votes)
Tuesday, 02 April 2013 01:55;
Published in Joomla Tutorials;

This is 2013 already, and no one wants to see the old school Arial or Times New Roman on your website. If you really want to spruce up your website, then typography is one very important step.

Earlier, it used to be pretty cumbersome process to integrate custom web fonts into the websites. Thanks to Google for their new product, Google Fonts. Google Fonts make it easier to integrate web fonts in a fraction of time and you are up and running .

Here is how to integrate Google Fonts into your Joomla Website :

  1. Goto Google Fonts Website
  2. You will see a long list of awesome fonts
  3. On the top, you may enter any string and the fonts will render it and show. You can use it to test what your text or website would look like, which makes it easier to choose a font.
  4. Once you have chosen your font, simply click, ADD TO COLLECTION
  5. Then on the bottom of the bottom, click on USE
  6. It will take you to the integration details page
  7. For example, we choose, LOTO SANS font.
  8. Simply goto your css files and use the new font family, wherever you need. For example in this case, it was font-family: 'Noto Sans', sans-serif;
  9. And the integration page asked to put this line of code into the index.php of your Joomla template, < link href='' rel='stylesheet' type='text/css' >
  10. You are done!


Read 1911 times Last modified on Thursday, 16 May 2013 10:17
comments powered by Disqus

We are on Facebook

Tutorials Search