Adding Google fonts to Landing Pages

Note

If the brand you have selected for the landing page is an 'Advanced' brand, Google Fonts are natively supported. The following article is for the legacy brand object.

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,

mceclip0.png

 

 find the 'Script Tag' block area. Put this line of code after the </script> tag that exists. This usually goes in the 'Head Script Tag' section.

  

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 

 

mceclip2.png

 

scroll to the CSS block

 

mceclip1.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.