Adding Google fonts to Landing Pages

If you are looking to add Google Fonts to your landing pages, here is a quick way to make this happen.

 

In the landing page properties,

HBp03ZZVJfITGxqnTG1NpbwzXplhEL-6dg.png

 

 find the 'Script Tag' block area. Put this line of code after the </script> tag that exists.

  

HTML
<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

  

This includes the google font you want to include on the the page.

 

Then open the Custom CSS Block in Style/Branding section 

 

3CJAC2kJUBww8-XkFhZe1Ucp59g19cFi_w.png

 

scroll to the CSS block

 

31_U33QJSHZKJkmtlRyXwzWK50s7v6Ef1w.png



and define the css styles for the included font. For the above example:

 

HTML
body {
  font-family: 'Open Sans', sans-serif !important;
}

body .activedemand-button-container .activedemand-button {
  font-family: 'Open Sans', sans-serif !important;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Open Sans', sans-serif !important;
}

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.