+2I was able to import my adobe fonts to my signup form no problem, but my fonts are not showing up following the instructions to add the HTML in the text block source found here: How to Add Custom Fonts in Email Templates – Klaviyo - Help Center
I did this, saved, but none of my fonts are importing. Can anyone tell me why this isn’t working?
Best answer by elisegaines
Could you try this code?
<style type="text/css">@import url('https://use.typekit.net/ads0zbu.css'); p, h1, h2, h3, h4, ol, li, ul {
font-family: "brandon-grotesque", Arial, sans-serif;
}
</style>
The only change is the addition of @import before the URL, to match what’s found in this doc. I tested it in my own account, and it works there!
+8Hi there,
Thanks for sharing with the Community! It looks like you have ‘test’ as the first font family name, while the fonts at that URL are Adobe Garamond Pro and Brandon Grotesque. Have you tried replacing ‘test’ with one of those fonts? Additionally, I believe that ‘arial’ has to be properly capitalized as ‘Arial’
Best,
Caroline
+2
+8Hi
Forgive me if you are already aware of this, but I just wanted to clarify that the fonts will not appear as an option in the drop-down font selector in the UI. Instead, once you add text to the template which has the elements you included in the font import statement (for example, a header enclosed in <h1> tags), the font of that text will render as the font you specified for <h1> in the import statement.
Best,
Caroline
+2
Hi
+2Hi
Still not working:
Could you try this code?
<style type="text/css">@import url('https://use.typekit.net/ads0zbu.css'); p, h1, h2, h3, h4, ol, li, ul {
font-family: "brandon-grotesque", Arial, sans-serif;
}
</style>
The only change is the addition of @import before the URL, to match what’s found in this doc. I tested it in my own account, and it works there!
+8Hi
Wanted to check back in -- were you able to try
Best,
Caroline
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.