Note: Not all our templates support this function.
To check if your templates supports it you need to go in your Template Configuration > > Custom Font, you need to do the same also for the Titles Font. You will see two new fields for both body and titles named: "
On this section you should find the parameter. If you don't have the "Custom Font" on your font dropdown, it means that your template doesn't support this function yet, but it might be soon.

If your template has this function, you will see the two parameters: "" and "Body - Custom Font Family Name".
In order to fill up these two parameters, you need to follow these simple steps:

  1. Go on the Google Fonts official website: https://fonts.google.com/ e search for your google font.

  2. Once you decided your font, in order to see the code to embed, you need to click on "Select this style" on the Google Font page.
    In our example we want to add the "Abril Fatface" font (https://fonts.google.com/specimen/Abril+Fatface).

    Select your Google Font

  3. Once you click on the icon, you will see the Google code. You need to copy all the code.

    Google Font embed code

  4. Now paste the code in the "Body - Custom Font Family Link" parameter of the Template Configuration tab.

  5. Add the exact name of your Google Font on the "Body - Custom Font Family Name" parameter, in our example "Abril Fatface".

    Google Font code

  6. That's it! You need just to save the configuration and your website will use your new Google font.
Last Update: 2022-09-15 10:15
Helpful?
100% of people found this helpful.