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,
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.
<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
scroll to the CSS block
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;
}
Comments
Please sign in to leave a comment.