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:

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

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:

Get Started with the Google Fonts API | Google Developers

This guide explains how to use the Google Fonts API to add fonts to your web pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. Here's an example.

developers.google.com

In German:

HTML/Tutorials/Google-Fonts einbinden

In diesem Tutorial lernen Sie, wie Sie Schriften von Google Fonts einfach und kostenfrei auf Ihrer Webseite einbinden. Beachten Sie, dass auf diese Weise auch Google selbst von den Besuchen auf Ihren Seiten erfährt und Daten Ihrer Gäste erhält.

wiki.selfhtml.org

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:

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