This method can be used for any font hosted externally. However if the font is hosted on another domain, the following header needs to be set on that domain:
Access-Control-Allow-Origin
Embedding on a Landing Page
Include the Font
Paste the <link> into the page properties script tag:
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
Use the Font
Add styles to the pages Custom CSS section to specify where you want to use the font:
Embed in an email
To embed in an email, you will need to use an import statement:
Embed in a brand
A font can be embedded into a brand and used anywhere the brand is used:
If you want to use the Google font for your forms as well, add this section of code to Custom CSS block:
If you are embedding the font in your brand, you should also put the link statement into your global script tag under Administration => Account Settings:
CSS example
Note that this CSS will vary depending on how you want to apply the font. The sample CSS below will apply to all elements of the page:
@import url('https://fonts.googleapis.com/css?family=Roboto'); body, body *, body .activedemand-button-container .activedemand-button, body h1, body h2, body h3, body h4, body h5, body h6, body p, body li, body label, body input, body textarea, body button { font-family: 'Roboto', sans-serif !important; }