Email Pop Up custom font

Hi there! Thanks for your question, hopefully I can help. With the context I have, here are some possible solutions:

1. Font Not Properly Assigned in the Custom Styles

• Ensure that your body text and title have explicit font-family assignments in your custom CSS.
• Example:

.popup-title {
  font-family: 'CustomFontTitle', sans-serif !important;
}
.popup-body {
  font-family: 'CustomFontBody', sans-serif !important;
}

2. Font Not Loading Due to External Hosting Issues

• If you are using a custom web font, make sure it’s properly loaded in your Klaviyo form.
• Example:

@import url('https://fonts.googleapis.com/css2?family=YourCustomFont:wght@400;700&display=swap');

3. Issue from the Parent Theme

• If your website’s main CSS is overriding Klaviyo’s styling, you may need to use !important on your font styles.
• Example:

.popup-body {
  font-family: 'YourFont', sans-serif !important;
}

4. Klaviyo Form Editor Styling Not Applying

• If changes appear fine in the editor but not on the live site:
  • Clear the cache.
  • Check if Klaviyo’s custom styling is enabled.
  • Ensure no conflicting styles override the assigned font.

5. Check Your Custom Code Block

• If you’re using a Custom HTML & CSS block within Klaviyo, double-check that the styles are correctly applied.

If you want to send me your settings or code, I can help further if these steps do not resolve the issue. 

Hi ​ ​@emma.owens, 

Thank you so much!

I figured that might be the case — but how can I avoid it?
Even when I try using Helvetica, everything still gets overridden by the custom font.

Is there something I need to edit in the CSS within Klaviyo?

Thank ​@zacfromson!

Honestly, I’m not sure how to move forward — I believe the custom font is set up correctly, but I’m not sure how to apply your suggestion.

Is there something I need to edit in the CSS within Klaviyo?

​@Bozu Can you please share the settings or code you have so I can review it? 

​@zacfromson 

do mean on klaviyo? the code that I have to add the custom font is on shopify

​@Bozu - Both would be great so I can review everything to help troubleshoot the issue! 

​@zacfromson I already have those. Honestly, I just want better control over the font in Klaviyo. Everything looks fine in the preview, but it doesn’t render correctly on the website.

Thank you 

hi ​@zacfromson, did you have time to check that? 

thank you so much in advance