Learn to customize your font with the Style Guide for your standard website pages, standalone pages, and pipeline pages built with the Website Builder and Kajabi Pages.
In this article:
Change your font
Fonts play a significant role in the personality and character of your copy.
Select the font that fits your brand from the Style Guide available for pages built with the Website Builder and with Kajabi Pages.
Learn to customize your pages with the Style Guide
In the Font settings of your Style Guide, select from a variety of Font Types, customize the Font Weight, and adjust the Line Height for your Text Body and Headings.
To change your Fonts:
- Open the Website tab from the Dashboard.
- Open the page editor for your Page. Learn more
- Navigate to the sidebar editor and open Settings.
- Click Style Guide.
- Scroll down to the Fonts section and configure your Fonts settings:
Customize your font colors
Customize your Font Colors to brand your Body and Heading Font across your page.
With the Style Guide available with the Website Builder and Kajabi Pages, you can customize your font to reflect the colors of your brand.
To change your Body and Heading Font Colors:
- Open the Website tab from the Dashboard.
- Open the page editor for your Page. Learn more
- Navigate to the sidebar editor and open Settings.
- Click Style Guide.
- There, scroll down to the Font Colors section.
- Click the colored circle next to the Body Font Color or Heading Font Color text to select a new color:
Optimize your desktop and mobile font sizes
Design your page to look great on both desktop and mobile devices.
With Pages built with the Website Builder and Kajabi Pages, you can customize your Font Sizes for optimal Desktop and Mobile viewing.
This ensures that no matter which device type your audience is using, your typography looks exactly how you intend.
On Kajabi, your text size uses standard web heading sizes.
- Heading 1 (h1) is generally the largest and is great for titles.
- Heading 2 (h2) is generally the next largest, and so on for Headings 3 (h3), 4 (h4), 5 (h5) and 6 (h6).
- Your "Body" size refers to the standard paragraph text like you're reading right now.
- By default, the "body" size is the paragraph text or small text in a text block.
To change your Heading and Body Font Sizes:
- Open the Website tab from the Dashboard.
- Open the page editor for your Page. Learn more
- Navigate to the sidebar editor and open Settings.
- Click Style Guide.
- Scroll to the bottom of the sidebar editor and locate Desktop Font Sizes and Mobile Font Sizes.
- Click into each dropdown menu to configure your Font Sizes. Font sizes are listed in pixels, like you'd see in your Word Processing program: