I have a custom font coming from Typography.com, but I’m not able to add it the Klaviyo recommended way. According to Typography.com’s guide, I need to add it with a <head> tag and in the head tag I need to paste a <link> tag referencing the external stylesheet with all the fonts.
First thing for the community to remember that when using a custom font that is not hosted on Google Fonts or Adobe Typekit, then the font file has to be uploaded to a 3rd party (so not Klaviyo, but Wordpress, Shopify Theme, AWS) which you already have with typography.com.
Normally next you would copy and paste the code block listed here in the ‘Self Hosted Custom Font’ section into the top of your template, under the Source tab of a text block instead of directly in the text box. Please try adding the syntax typography recommended to you in the Source tab instead. Also check out these other community post on the same topic.
First thing for the community to remember that when using a custom font that is not hosted on Google Fonts or Adobe Typekit, then the font file has to be uploaded to a 3rd party (so not Klaviyo, but Wordpress, Shopify Theme, AWS) which you already have with typography.com.
Normally next you would copy and paste the code block listed here in the ‘Self Hosted Custom Font’ section into the top of your template, under the Source tab of a text block instead of directly in the text box. Please try adding the syntax typography recommended to you in the Source tab instead. Also check out these other community post on the same topic.
