All posts

Ways to Elevate Your Course Typography

Use Mighty’s Rich Text Editor to add extra fonts, adjust letter spacing, expand type sizes, and fine-tune line height in Rise 360.

The Mighty teamMighty by Maestro
6 min read

Typography is one of the fastest ways to make an Articulate Rise course feel less like a template and more like a strategically designed learning experience. While Rise gives you a clean, reliable foundation, it doesn’t always provide the type controls you need when a stakeholder wants something more polished, branded, or editorial.

Mighty

Mighty’s Rich Text Editor gives you more control right inside the Rise editor: additional fonts beyond your theme pair, larger type sizes, letter spacing, line height, and a color picker. Here are a few practical ways to use those controls without turning your course into a typography science project.

1. Start with a cleaner canvas#

One small setup choice we like to make is to turn the lesson headers off. When lesson headers are hidden, learners can jump straight into the content instead of having to scroll past the default lesson title area first. That gives the opening section a cleaner, more website-like feel.

If you’re designing a branded intro, an editorial-style opener, or a course that needs to feel less “out of the box,” this is a simple place to start. It lets your first block do the visual work.

2. Add a third font for a stronger opening section#

Rise themes let you set your heading and body fonts. That works well for consistency, but sometimes you need one more type style for hierarchy—a small eyebrow heading, a label, or a brand accent that doesn’t fit neatly into “heading” or “paragraph.”

In the example video, the course is already using Univers Light and Univers Bold as the main text styles. The paragraph text is locked in, but Mighty’s Rich Text Editor makes it possible to select an additional font from uploaded fonts and Rise defaults.

Here’s the workflow Amy demonstrates:

  1. Click into the text you want to style.
  2. Open the Mighty Rich Text Editor controls.
  3. Use the custom font selector to choose a third font. In the demo, Amy selects Gotham Medium.
  4. Adjust the letter spacing. Amy sets it to 3 to help the subheading breathe.
  5. Adjust the font size. Amy reduces the size slightly so the subheading supports the main headline instead of competing with it.

That small combination—Gotham Medium, a little tracking, and a smaller size—creates a more refined subheading. It feels like a deliberate design element, not just another line of body copy.

Push past Rise’s default type size limit

Rise’s standard text sizing has a maximum of 52. With Mighty, you can now go way beyond that, all the way up to 420 (although most courses won’t need font that large).

For the headline in the demo, she sets the size to 108.

That larger size immediately changes the feel of the opening section. The text becomes bolder, more confident, and more like a modern web layout.

But there is a catch: when type gets larger, the default space between lines can start to feel too loose.

Tighten the line height

After increasing the headline size, Amy adjusts the line height—the space between lines of text. Here’s how:

  1. Select the large headline text.
  2. Open the line height control in Mighty’s Rich Text Editor.
  3. Set the line height. In the video, Amy chooses 1.0.
  4. Preview the course.

Amy’s result is a tighter, more composed headline, which makes it feel more like a website than your typical eLearning lesson.

That is the real value here. Bigger type alone can look clumsy. Bigger type with controlled line height can look designed.

3. Make a Statement block work better as a quote#

Statement blocks are useful for callouts, big ideas, and quotes. But depending on the statement style you choose, the default type can be larger or more dramatic than you actually want.

In the video, Amy uses Statement C. The default text is huge, and it takes on the heading font. For her quote, that’s too much. She wants the quote to stand apart, but not take over the whole section.

Here is how she dials it back:

  1. Click into the quote text in the Statement block.
  2. Use the custom font selector to switch it back to the paragraph font.
  3. Reduce the text size from the original Statement C styling.
  4. Adjust the line height so the quote feels connected and readable.
  5. Adjust the block padding to give the quote some breathing room.

When you reduce large statement text, the surrounding spacing may no longer feel balanced. Padding helps the block feel intentional again rather than simply “smaller.”

Style the quote attribution separately

The author or attribution line gets its own treatment in the demo.

Amy selects the attribution text, then:

  1. Uses the custom font selector to bring back Gotham Medium, matching the subheading style from the opening section.
  2. Reduces the size so it does not overpower the quote.
  3. Adds a little tracking—the space between letters.
  4. Reduces the line height so the attribution sits neatly with the rest of the block.

Reuse the third font sparingly. By bringing Gotham Medium back in the attribution, the design starts to feel cohesive. The font is not everywhere—it’s doing a specific job.

4. Turn accordion content into a more visual three-column layout#

Accordions are great when you need to tuck away supporting information and invite a learner to click. But not all content belongs behind an interaction.

In the demo, Amy looks at an accordion and decides the information would be stronger as something more visual. Rather than rebuilding from scratch, she uses a block template she has already created.

The content moves from an accordion into a simple three-column text layout.

That shift changes the learner experience. Instead of clicking through hidden panels, the learner can scan the full set of ideas at once in a visually engaging way.

Once the three-column layout is in place, Mighty’s Rich Text Editor helps create a stronger visual hierarchy. Amy incorporates large numerals to draw the learner’s eye, then uses smaller, compact label text in her third font for a simple, clean reading experience.

5. Use the color picker to match what is already on screen#

The final polish in the demo is color.

Amy highlights the text she wants to recolor—specifically the word “myth” and the number “3”—then uses Mighty’s Color Picker to grab a color already visible on the screen. She notes that you could also keep an entire palette open next to the browser and sample colors from outside the browser.

That is especially helpful when you are working with brand colors but don’t want to keep copying and pasting values manually.

In the example, she samples a gold color from the existing design and applies it to the selected text. Then she changes another element to gold as well, giving the section a little more energy and consistency.

Why typography matters#

None of these moves are huge on their own. A third font. A little tracking. A larger headline. A tighter line height. A sampled color. Together, they help bring a design to life.

Learning works best when beautifully designed, and typography is one critical piece of that puzzle.

A few practical reminders as you experiment with course type:

  • Use extra fonts with restraint. One accent font can create hierarchy; five can create noise.
  • Watch line height whenever you increase or decrease type size.
  • Keep readability first, especially for longer passages and mobile viewing.
  • Use letter spacing for short labels and subheadings, not dense paragraphs.
  • Preview the course after each major typography change so you can catch awkward wrapping early.

Mighty does not replace good typography judgment—it gives you the controls to apply it inside Rise.

A quick typography recipe to try#

In your next Rise course, pick one section that feels too default and try this:

  1. Turn off the lesson header if the opening needs a cleaner entry point.
  2. Add a large headline above 52, then tighten the line height.
  3. Use one additional font for a short subheading or attribution.
  4. Add light tracking to labels, not body copy.
  5. Use the Color Picker to pull an existing brand color into one key phrase or number.

That’s enough to make a standard Rise block feel more editorial—without rebuilding the course or writing code.

Try Mighty’s Rich Text Editor the next time you’re designing a section that needs a little more range.

Try Mighty free for 30 days.

Install in Chrome, open your Rise course, and ship the interactives you couldn’t before. No credit card. Cancel any time.