Klaviyo-hosted fonts reference

You will learn

Klaviyo hosts a selection of fonts that we use in our form templates which you can easily import to use in your sign-up forms, consent pages, and emails. 

Before you begin

View the list of Klaviyo-hosted fonts available to import:

Abril-Fatface-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Abril-Fatface/latin/abril-fatface_latin_regular_400.woff2

Bebas-Neue-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Bebas-Neue/latin/bebas_neue_latin_regular_400.woff2

Caveat-Brush-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Caveat-Brush/latin/caveat-brush_latin_regular_400.woff2

Inter-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Inter/latin/inter_latin_regular_400.woff2
• 700, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Inter/latin/inter_latin_regular_700.woff2

Kanit-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Kanit/latin/kanit_latin_regular_400.woff2
• 700, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Kanit/latin/kanit_latin_regular_700.woff2
• 400, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Kanit/latin/kanit_latin_italic_400.woff2
• 700, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Kanit/latin/kanit_latin_italic_700.woff2

Knewave-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Knewave/latin/knewave_latin_regular_400.woff2

Nunito-Sans-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Nunito-Sans/latin/nunito-sans_latin_regular_400.woff2
• 700, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Nunito-Sans/latin/nunito-sans_latin_regular_700.woff2
• 400, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Nunito-Sans/latin/nunito-sans_latin_italic_400.woff2
• 700, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Nunito-Sans/latin/nunito-sans_latin_italic_700.woff2

Poppins-Klaviyo-Hosted

• 400, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_400.woff2
• 700, Normal: https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_700.woff2
• 400, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_400.woff2
• 700, Italic: https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_700.woff2

Import a Klaviyo-hosted font

Import a Klaviyo-hosted custom font to use in your sign-up forms, consent pages, and email templates:

1. Navigate to Content > Images & brand > Fonts.
2. Select Import Font.
3. Choose an alternative font to import from the list of Klaviyo-hosted fonts above. 
4. Fill in the font variant’s name, weight, and style (i.e., Abril-Fatface-Klaviyo-Hosted, 400, Normal).
5. Copy your font’s URL from the list and paste it in the Source Address field.
6. If the font you've chosen offers multiple variants, click Add font variant for however many variants you want to add to your account, then fill in the details and corresponding URL for each one.
   
7. Select a fallback font.
8. Click Add Font.

Following this process will add the font to Your Fonts section, as well as to the fonts dropdown list in the Klaviyo editors. Repeat this import process for any other Klaviyo-hosted fonts that you want added to your account. 

If you wish to replace the font in any of your existing forms or email templates with your Klaviyo-hosted font, you will need to change it manually in the editor.

Additional resources

How to use custom fonts in sign-up forms

How to add custom fonts in email templates

Understanding fonts in email