Course

Generator Onboarding

8 of 16 lessons completed 50%

Introduction 1 lesson
1. Welcome 5 min
Setup 2 lessons
1. Installing Generator 5 min
2. Create a Child Theme 2 min
HubSpot Settings 3 lessons
Global Theme Styles 9 lessons
Headers & Footer 4 lessons
1. Standard Header 5 min
2. Mega Menu Header 5 min
3. Landing Page Header 5 min
4. Page Scroll Header 5 min
Building Website & Landing Pages 4 lessons
1. Drag and Drop 5 min
2. Sections 5 min
3. Columns 5 min
4. Modules 5 min
Building your Blog 3 lessons
1. Blog Settings 5 min
2. Blog Listing Template 5 min
3. Blog Post Template 5 min
Conclusion 1 lesson
1. Wrapping Up 5 min

Setting Global Font Styles in Generator

1. Lesson Title Setting Up Font Styles in Global Theme Settings

2. How-To Article

Overview

Generator's global theme settings have two places where font styles are configured. This lesson covers the first: the Fonts section, where you set high-level styles that all headlines, body text, and links inherit from. Granular per-element styles are handled in the Text section, covered in the next lesson.

Accessing Font Settings

From your HubSpot page editor, click Edit to open the global theme settings panel.
Click into Fonts in the left settings menu.

What You'll Configure Here

The Fonts section is where you establish top-level font styles for two groups:

Headline — controls font family, weight, and color for all heading elements
Body — controls font family, weight, and color for all body text

Setting Your Font Styles

For each group — Headline and Body — configure the following three properties:

Font Family — choose your desired typeface
Font Weight — set the default weight (e.g., regular, bold)
Font Color — set the default text color

These settings apply globally, meaning every headline and body text element across your site will inherit from these values unless overridden at a more granular level.

This lesson introduced the Fonts section of Generator's global theme settings, covering how to set the font family, weight, and color for headline and body text groups. These high-level settings act as the foundation that all text elements inherit from across the site. The next lesson will go deeper into the Text section, where per-element font styles are configured.