🔤

Use Google Fonts in Landing Pages

You have the ability to access the stylesheet of your Landing Page in Friendly.

Let's say you would like to edit the Header text. First identify the class ID:

image

Now open the code editor and scroll down until you find the same id:

image

This is the stylesheet of your class. In other words it describes how all text under this ID should look like. Now you can add your own style commands.

Here is an article about it:

In German:

In this case we will add the following 2 lines:

font-family: 'Roboto', sans-serif;
font: italic small-caps normal 13px/150% 'Kalam', cursive;

You'll need to place it in the class as follows:

image

Click on Edit, and you'll see the result already:

image

Do you have any questions? We are happy to help you via 📧 email, ☎️ phone and 👩‍💻 video calls.

Click here to go back to the main help page:

Friendly AutomateFriendly Automate