Google Fonts can be added to Website Templates, Course Templates, and Landing Page Templates. Learn to add a Google Font to your page with the Legacy Template, Premier.
In this article:
- Step 1. Choose a Google Font
- Step 2. Add your Google Font to your site code
- Step 3. Select your new Google Font in the Page Editor
Step 1. Click here to choose a Google Font.
- Find and copy the exact name of the Google Font you wish to use on your site. You'll need it in just a moment. For example:
Step 2. Add your Google Font to your site code
Navigate to your Kajabi account and open the Code Editor for the page where you wish to add your Google Font.
Learn to access the Code Editor.
In the Code Editor for your Page:
- Open the
configfolder. - Open the
settings_schema.jsonfile. - Locate
"name": "Typography"near line 29:
- Find the square brackets to input "options" near lines 59 and 77:
Adding your font to the Base Font Family will add your font as an option for the normal paragraph text on your site.
Adding your font to the Heading Font Family will add your font as an option for the heading text on your site.
If you'd like to add your font as an option for all of your paragraph and heading elements, make sure to complete the following steps in both places.
- Next, place your cursor in between the square "options" brackets and add curly brackets containing the name of your font exactly as shown below, replacing Name of Google Font with the name of your chosen Google Font:
{"label": "Name of Google Font", "value": "Name of Google Font"}
- Click Save, then click Customize:
Step 3. Select your new Google Font in the Page Editor
- Click Settings in the left sidebar editor.
- Then, select Typography.
- Choose your new Google Font from the Heading Font Family and/or Base Font Family dropdown menus (it will appear at the top of the list).
- Click Save to apply and keep your changes:
And that's how to use a Google Font on your site with Premier! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!
