TheĀ Blog

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

Social Proof

FindĀ Us on YouTubeĀ ORĀ Subscribe to Our Podcast

5-Day Flow Frequency Guide:

Recalibrate with Daily Sound & Water Rituals

Begin your journey with this free alignment gift.