This landing page uses Google Fonts


This page actually uses two google fonts, but you can off course just use one if you'd like. Here's how you set it up:


1. Visit https://fonts.google.com to find the font you want to use.

2. Select the font. 

3. A dialog window with the necessary code will appear.

4. Copy the first part that should look something like this:


<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
(The selected font for this case is named "Merriweather")

Note: For the landing page you are viewing now I´ve added two google fonts; "Merriweather" for the paragraphs and "Bebas Neue" for the headlines.

5. Inside the designer mode of your landing page in Upsales, find the cog icon in the upper right corner. Click it.

6. A dialog window now appears

7. Now paste the code snippet you just pasted from Google fonts into the field named "Custom scripts".

Now, the page imports the font from Google Font and we now need to tell the page to apply it for your different font styles:

8. To make the landing page use your custom font you need to tell the page to add the font for your different text styles. Inside the same script field, paste this below the previous script:


<style>
body {
font-family: 'Merriweather', cursive;
}
h1,h2,h2.large,h3,h3.large,h4,h5 {
font-family: 'Bebas Neue', cursive;

/* Applied Montserrat font to all headlines */
}
p,p.ingress {
font-family: 'Merriweather', cursive;

/* Applied Merriweather font to paragraph text */
}
</style>


The font "Bebas Neue" is now applied to all the headlines (h1,h2,h3,h4,h5) and the paragraph (p) use the font "Merriweather".

9. Save your page and visit the link

Note: the font will not be visible inside the designer-mode in Upsales

 

 

To copy the styling for this page, paste the following into the custom script field of your landing page:


<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
 

<link href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap" rel="stylesheet">



<style>
body {
font-family: 'Merriweather', cursive;
}
h1,h2,h2.large,h3,h3.large,h4,h5 {
font-family: 'Bebas Neue', cursive;

/* Applied Montserrat font to all headlines */
}
p,p.ingress {
font-family: 'Merriweather', cursive;

/* Applied Merriweather font to paragraph text */
}
</style>