Use your own fonts in Upsales, keeping campaigns consistent with your company branding.
This isn't a built-in feature, so requires some coding skills. For an Upsales-supported no-code alternative, use Google Fonts.
How it looks: Example page
How's it done?
Place your fonts on a publicly accessible URL and then import them to your landing page using the landing page script field.
- Choose your font file
- Generate cross-browser support for your file using @fontface (here's a free fontface generator)
- From the fontface generator, get your font files (.woff/.woff2)
- Upload your fonts to your file server, making sure URLs are publicly accessible
- Copy the public URLs of your font files
- Replace the placeholders and font names in the below code example with your own:
(Replace with your font name and URLs and paste into the landing page script field.)
<style>
@font-face {
font-family: 'your-font-name';
src: url('https://the-url-to-your-font-file.woff2') format('woff2'),
url('https://the-url-to-your-font-file.woff') format('woff');
font-weight: normal;
font-style: normal; }
body {
font-family: Arial, Helvetica, sans-serif;
}
h1, h2 {
font-family: 'your-font-name' !important;
}
</style> - In the landing page editing screen, click the settings/cog icon:
- Paste the code into your Upsales landing page script field:
- Click Done
- Save and preview your page. With the above example your custom font should now be used by the H1 and H2 headlines. You can apply the font to any text you'd like