Authors

Video Tutorials

Storyline 3: Working with Theme Fonts

A quick way to change the design of your course is to switch fonts. Theme fonts control headings, body text, questions, and answer choices. Storyline 3 has several built-in theme fonts, but also you can create your own.

Tip: You can also replace one font with another throughout your project with just a few clicks. See this user guide for details.

Understanding Theme Fonts

Each set of theme fonts has a heading font and a body font.

  • The heading font is used for slide titles, question text, and marker titles.
  • The body font is used for slide text (including shapes, captions, and buttons), answer choices, and marker descriptions.

To see your gallery of theme fonts, go to the Design tab on the Storyline ribbon and click Fonts.

If you've created any custom theme fonts, they'll appear at the top of the list. Built-In theme fonts appear beneath your custom themes. The theme fonts currently in use for the selected slide are highlighted in blue. For each set of theme fonts, you'll see the name of the theme, the heading font, and the body font.

Applying and Managing Theme Fonts

Hover over a set of theme fonts to preview what they'd look like if applied to the current slide. Just click a theme to apply it to all the slides in your course.

Right-click a theme to see these additional options:

Apply to Matching Slides

This applies the theme fonts to all slides based on the same slide master as the current slide.

Apply to All Slides

This applies the theme fonts to all slides in your course. (You can achieve the same thing by left-clicking the theme fonts in the list.)

Edit

This opens the theme editor. (See Customizing Theme Fonts below.) This option is only available for theme fonts you've created, not built-in theme fonts.

Delete

This removes the selected theme fonts from Storyline. This option is only available for theme fonts you've created, not built-in theme fonts.

Creating New Theme Fonts

Here's how to create a new set of theme fonts:

  1. Go to the Design tab on the ribbon and click Fonts.
  2. Select Create New Theme Fonts at the bottom of the drop-down list.
  3. When the theme editor appears, choose a heading font and a body font. (As you make changes, the sample area on the right side of the window updates to reflect your choices.)
  4. Enter a name for your custom theme fonts.
  5. Click Save.

Your custom theme fonts will be available in any course you build.

Customizing Theme Fonts

It's easy to modify your custom theme fonts. Here's how:

  1. Go to the Design tab on the ribbon and click Fonts.
  2. Right-click the custom theme fonts you want to modify and select Edit.
  3. When the theme editor appears, choose new fonts and click Save.

Built-in theme fonts can't be modified. However, you can create your own theme fonts based on built-in themes. Here's how:

  1. First, apply the built-in theme fonts you want to use as your base fonts to your course (i.e., left-click the theme).
  2. Then, click the Fonts drop-down again and choose Create New Theme Fonts. The theme editor will open, and the fonts will default to those from the built-in theme you're currently using (from step 1).
  3. Just edit the fonts to your liking and save the theme with a new name.

Using Theme Fonts on Slide Masters

You can apply theme fonts to slide masters in the same way you apply them to course slides. Slides in your course that are based on the modified slide master will inherit those same theme fonts.

You can always override the default fonts for a course slide by manually customizing individual text boxes.

Using Modern Text Rendering

We completely rebuilt the text-rendering engine in Storyline 3 with the latest technology so text flows beautifully with consistent spacing and readability on every device. You can be confident that what you see in the Storyline editor is what learners will see in their browsers. Learn more about modern text.

New Storyline projects automatically use modern text, so you don't have to do anything to enable it.

Existing Storyline projects will continue to use classic text by default, but you can switch to modern text. Just open your project, go to the Design tab on the ribbon, click the Fonts drop-down list, and select Use Modern Text at the bottom of the list. This converts the entire project to modern text all at once.

You Might Also Want to Explore:

Using Design Themes
Working with Theme Colors

Published 9 years ago
Version 1.0