Start a new topic

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.

  

<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:

 

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;
}

 


Login or Signup to post a comment