Want to add a Google font to your Kajabi site? Good news—you can! And the process is much easier than you might think. In this tutorial, I’ll walk you through exactly how to add a Google font to Kajabi, step by step, so your site feels perfectly on-brand.

 Want to watch the process step-by-step? This video walks you through everything I've written below!

Why Add Google Fonts to Kajabi?

Kajabi has a decent selection of built-in fonts, but sometimes you want something a little more “you.” Google Fonts gives you hundreds of free, easy-to-use options so you can elevate your Kajabi design without needing a developer or fancy tools. Whether you want a clean, modern body font or a bold, stylish header font, you’ll find it there.

Step 1: Find Your Font in Google Fonts

1. Head over to fonts.google.com and browse around. The filters make it simple to preview different styles, weights, and vibes—even if you don’t know all the technical font terms.

2. Once you’ve found the one that feels right for your brand, click the font.

3. Click Get Embed Code.

4. Choose the Import option and copy the code inside the <style> brackets.

Step 2: Add the Code to Kajabi

1. Go to Customize Page on your site or landing page.

2. In the sidebar, click Settings → Custom Code.

3. Expand the code editor and paste your Google Fonts import code near the top.

4. Remove the extra <style> brackets so the import line stands on its own.

Step 3: Apply the Font to Headers or Body Text

This is where the magic happens. Want your headers to use the new font? Add a snippet like this:

h2 {
  font-family: 'Cormorant', serif;
  font-weight: 300;
}

Want your body text updated instead? Replace h2 with body.

body {
  font-family: 'Cormorant', serif;
  font-weight: 300;
}

Want all headers to match? Use h1, h2, h3, h4, h5, h6.

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant', serif;
  font-weight: 300;
}

Save, refresh, and voilà—your new Google font is live on your Kajabi site.

Step 4: Reuse the Code on Website Templates

If you’re working on multiple pages or full website templates, you don’t need to start over. Simply copy the same code into the Custom Code section of your website design settings, hit save, and watch your fonts update globally.

Quick Recap

1. Grab your favorite Google Font.

2. Copy the import code.

3. Paste it into Kajabi’s custom code section.

4. Apply it to your headers, body text, or both.

That’s it—you’ve just leveled up your Kajabi site design with custom Google Fonts. 🎉

What’s Next?

If you’re excited about fonts, you’ll love my next tutorial: How to Add Custom Brand Fonts to Kajabi (Beyond Google Fonts). It’s the most in-depth walkthrough I’ve ever created, including how to add bold and italic styles for a fully polished look.

👉 Subscribe to my YouTube channel so you don’t miss it!

✨ Pro tip: Don’t underestimate the power of fonts. They can make your Kajabi site feel elevated, cohesive, and high-end—without you spending hours tinkering.