Basic tutorials 19.08.2013 css, font, free, google, html, theme, tutorial

How to insert google fonts to prestashop theme?

read you easily you can insert google fonts code to your own theme.

In this short tutorial i want to show you how you can easily add google fonts to own prestashop store. We will use our free module named html block. With this addon you can add any code you want to your shop. In free version you can use most important hooks (places) in your shop like footer, header, top, left and right column, or just to homepage.

Google Fonts website

prestashop and google fonts

Html block module installation

As i said - we will use our free module named html block. Please download it and install it in your store. You don't have to use commercial modules because this free version allows you to use header section (where all fonts, css styles and scripts should be added). After installation of this addon - open module configuration page. From the left hand side block select "home" hook. And in the right hand side block insert code generated in google fonts website.

this is an exmaple of the code for google font:

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

After saving changes, font code will appear between the <head></head> tags - it is necessary for google fonts. And it's a good practice. So remember to use header hook in the module configuration page.