Editor

Let's see how to add a Google font that’s not already included in your Lander font list. You’ll need just a little patience because there are some steps to follow up. Let’s take a look below to find out how.

First access “Google Fonts” here https://www.google.com/fonts and select the particular font that you want to use. Once you’ve made your selection, click on “Add to Collection”.

Next, open up the “Use” section and choose the style font you want. From there you’ll see the piece of code that you’ll need to include in Lander. Copy it and then paste it directly into the “Head” option of the script section under “page settings”.

Once you've completed that, return to Google Fonts and select the code below the point 4 “Integrate the fonts into your CSS”. Next, return to Lander, write out the landing page copy that you want to use and then with your text editor open at the bottom, click on the HTML button to the right in your tool bar there.

When the HTML window displays, you’ll then need to paste the code in the window after the following tag: <p><span style= ”... “>.

For example:

<p><span style="font-family: 'Open Sans Condensed', sans-serif; font-size: 57px; color: #3d3f4b; letter-spacing: -2px; line-height: 1.1; text-shadow: 0 2px #FFFFFF;">Take a look at our product gallery!</span></p>

That’s pretty much it! Remember to include this style in any landing page copy you may want.