Introduction:

LeadsHook supports a number of fonts in the appearance settings, however, if what you need is not on the list then you use Google Fonts instead.

Step-by-Step Instructions:

Step 1: Select a font

Go to https://fonts.google.com/ and select the font of your choice. Take note of the import script and the CSS rule as shown below.

Step 2: Add font to LeadsHook

In the Decision Tree script area, add a new script and insert the code from Google as shown in the image below.

Step 3: Apply the font-family

There are three ways you can use custom CSS in LeadsHook to set the font family.

The first option is to use inline CSS styling as shown below. This will take effect on this single line of code only. You will need to add the CSS rule to every line of code you write.

The second option is through the node-level script area. This will take effect on the node level only and will not take effect on other nodes.

The last option is through the Decision Tree script area and this will take effect on the entire Decision tree.