two paths co. blog

Last Updated:

How-to Easily Change Fonts in Kartra

Are you frustrated by everything formatting as Roboto inside the Kartra Page Builder? I’ve been there, too! Even when you choose a template, you want to be able to easily change the fonts so your page represents your brand.

You can do this with code!

Here’s the code you need:

p {
font-family: montserrat, serif;
line-height: 1.2em;

h1 {
font-family: montserrat, serif;
line-height: 1.2em;

h2 {
font-family: montserrat, serif;
line-height: 1.2em;

h3 {
font-family: montserrat, serif;
line-height: 1.2em;

You can also add other things like colours, font sizes, font-weight, and more! Just google “CSS font styles” and you can find many resources to help you with that.

Here’s how to change the code to your brand:

1) Change “Montserrat” to your desired font. p is your main body font, and H1/H2/H3 are the heading styles. You can always edit these in the text box editor after.
2) Change “serif” if necessary. Serif fonts have little embellishments that sans-serif fonts (like Roboto) do not have. If you’re using a script, choose “cursive.”

Here are some examples:

font-family: roboto, sans-serif;
font-family: georgia, serif;
font-family: pacifico, cursive;

Make sure to import your custom styles to your site settings so that all of your pages have the same font styles!

Happy Page Building 🙂

Have a new video request? Comment below or message me on Instagram!

🚐 Stay Connected!

Hey, I'm Michelle of Two Paths Co., where bold strategies meet brave businesses. Holistic web design + development for the nature-inspired, including highly-regulated industries. As an expert in digital products, automated yet ethical marketing strategies, and efficient systems, your business will have the foundation it needs to stand out.

Share with your favourite network: