How to Add Google Font into Joomla website?

There are several standard web fonts that all Joomla developers add to their products. One of the most popular in Joomla development is Google web fonts.


Google web fonts directory is a storage from where you can upload and add Google fonts in Joomla. You don’t have to rack their brains, just go to Google web fonts directory and choose the right font for your Joomla website!


So, now we will tell you how to add Google font into Joomla website:

Step 1: Choose the font

Go to https://www.google.com/fonts and choose the font you want to add.

Step 2: Take the code

Take the code from Quick Use tab.

<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>

How to add Google font into Joomla. Take the code.

Step 3: Log into Joomla

Go to Admin area of your website.

How to add Google font into Joomla. Log in

Step 4: Go to Template Manager

Click Extensions => Template Manager and choose your template (change the tab from Styles into Templates on the right)

How to add Google font into Joomla. template manager

Step 5: Go to index.php

To add Google font into Joomla website you will have to enter the "index.php" file of the template

How to add Google font into Joomla. Index.php

Step 6: Insert the code

To add Google font into Joomla paste the code from the Step 2 before </head>.

How to add Google font into Joomla. Insert the code

Step 7: The End

Now our Google font is added to Joomla and you can use it in your CSS stylesheets, in example:

font-family: 'Signika', sans-serif;

Become a Pro in Joomla, read all Joomla tutorials.