Discover how to use your own fonts in Upsales, keeping campaigns consistent with your company branding.
This isn't a built-in feature, so it requires some coding skills. For an Upsales-supported no-code alternative, use Google Fonts.
How it looks: Example page
How it's done
Place your fonts on a publicly accessible URL and then import them to your landing page using the Custom scripts field in the landing page Settings.
- 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 Custom scripts 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 editor, click the cog icon to open Settings:
- Paste the code into the Custom scripts field:
- Click Done
- Save the page and click Preview. With the above example, the H1 and H2 headlines now use your font. You can apply the font to any text you'd like