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. ‘

Stay connected with news and updates!

Join our mailing list to receive the latest news and updates from our team.
Don't worry, your information will not be shared.

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