How To Add Custom Fonts To The Kajabi Dropdown

Sep 29, 2020
 

Are you wanting to add custom fonts to your Kajabi page?

Watch as Cassia gives you step by step instructions on how to do it!

No you don't need to be a coder.

Notes from video:

1. Upload .ttf files to the assets folder. 
 2. Go to templates > index.liquid for landing pages, and layouts > theme.liquid / snippets > global_head.liquid for website, add in head tag around line 25, reference the file:
 
<style>
        @font-face {
         font-family: summerpisces;
         src: url({{ 'summerpisces.ttf' | asset_url }});
        }
    </style>
 
3. Go to config > settings.schema.json, find “font_select” around line 45:
Add the following code to both body and heading
 
{"label": "Summer Pisces", "value": "summerpisces"}
 
**Careful of quotations!! Quotes need to be these " not these ”. Code will not work if its the wrong quote. ‘

Do you have questions or would you like to work with Jen & Cass?

Fill out this form and Jennifer will contact you directly.

Once you hit submit you will be redirected to my Calendly link so you can schedule a time to meet and discuss your needs with me via Zoom. I look forward to seeing how we can help you launch your site and get your course out there!

We hate SPAM. We will never sell your information, for any reason.