Logo Logo Help centre
Search
Sign in
  • Contact us
    support@upsales.com +468 505 806 01 Share your screen
    Upsales Nordic AB Sveavägen 21 111 34 Stockholm
  1. Upsales Help Centre
  2. Marketing
  3. Forms & Landing pages

How to use your own font in Upsales landing pages

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

Visit the 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.

  1. Choose your font file 
  2. Generate cross-browser support for your file using @fontface (here's a free fontface generator)
  3. From the fontface generator, get your font files (.woff/.woff2)
  4. Upload your fonts to your file server, making sure URLs are publicly accessible
  5. Copy the public URLs of your font files
  6. 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>

     

  7. In the landing page editing screen, click the settings/cog icon:

    cog.jpg

  8. Paste the code into your Upsales landing page script field:

    script.jpg

  9. Click Done
  10. 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

 

Was this article helpful?
Have more questions? Submit a request
Return to top

Articles in this section

  • Q: Why are my form submits being added to the wrong company?
  • Leads that became first appointment-widget
  • How to use your own font in Upsales landing pages
  • How form submissions are matched in Upsales
  • Can I use custom scripts for forms?
  • How to create a form
  • How to edit fields in Forms
  • How to add fields to a form
  • How to customise form design
  • Form Settings
See more

Can't find what you're looking for?

Contact Upsales Customer Success:

Chat Call Email
Help Center API Status Visit upsales.com
support@upsales.com +468 505 806 01 Share your screen