+2
Hello, I’m trying to add a Self Hosted custom web font into our email campaigns. The font was purchased through typography.com. Their instructions say to add the “CSS Key” code directly into the head tag of the email as well adding code inline to style each <td>. Klaviyo’s instructions use the @font-face method, which seems much friendlier. Please help!
Best answer by alex.hong
View original
+58
Hi there
Welcome to the Community! Hope I can provide some information regarding custom fonts!
In order to add custom fonts, you would need to follow the steps outlined here. Please note, this will only work for email templates (flows/campaigns). If you'd like to use custom fonts in a pop up form, it would need to be custom coded using our legacy form builder. If a font is not supported by a browser or inbox, it will default to your fallback font that is specified in the code when setting up a custom font. Please go through the documentation and let me know if there are specific roadblocks you are running into!
Currently there is not a lot of support for custom fonts as a lot of clients do not support them.
Email clients that do support custom fonts include:
If you are seeing the custom font within the editor, you are doing it correctly, unfortunately we have no control once it reaches the mail client.
Here is a reference on Fonts in emails.
Looking forward to your response,
Alex
+2
Hello
+58
Hi
Are you having trouble adding it into the source options for your text?
By using this view, you can add your inline css as outlined in our custom font documentation.
If you are copying/pasting text from a third party source, please ensure you are pasting in Plain Text. You can do that by using the T icon with the clipboard r you can use the Remove Formatting tool like so:
http://recordit.co/UF1YrTcy22
Font colors/sizes can be updated through Styles.
Lastly, if you would like more personalized support within your account I would recommend reaching out to our Support Team as they can take a deep dive into your account.
Thanks!
Alex
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
