PrestaShop Documentation, PrestaShop Tutorials

Prestashop how to add custom google fonts

In PrestaShop, you can add custom Google fonts to your store by following these steps:

Log in to the back office of your PrestaShop store.

Navigate to the “Design” tab, then click on “Themes”

Click on the “Configure” button next to your active theme.

Look for the “Header” tab, and in the “CSS files” field, add the Google font link you want to use.

Use the font-family property in your CSS to apply the custom font to specific elements on your website.

Here’s an example of how to add the ‘Open Sans’ font from Google:

Go to the Google Fonts website and select the ‘Open Sans’ font.

Click the “Use” button and select the styles you want to use.

Click on the “Embed” tab and copy the link provided in the “Standard” tab.

Go to your PrestaShop back-office and navigate to the “Design” tab, then click on “Themes”

Click on the “Configure” button next to your active theme.

Look for the “Header” tab, and in the “CSS files” field, paste the link you copied from the Google Fonts website

Now, you can use the font-family property in your CSS to apply the custom font to specific elements on your website.

Example:

css

h1 {
font-family: ‘Open Sans’, sans-serif;
}

Please note that these instructions are a general guide, as the exact process may vary depending on the theme you are using. If you are not familiar with editing template files, it is recommended that you make a backup of the file before making any changes, or seek the assistance of a developer.

Also, you can use the module or plugin to manage the custom google fonts on your PrestaShop store.

About zohaibk

We develop useful addons for #E-Commerce and #CRM software to provide extra features.#PrestaShop,#Magento,#SugarCRM,#Vtiger & #Android #apps
View all posts by zohaibk →