How to Install a Missing Font in Storyline

Sometimes someone shares a .story file with you and when you open it up you see the following message.

missing font

So how do you install the font? Follow these steps once you have located and downloaded the zipped font file.

  1. Make sure Storyline is closed.
  2. Double-click the zipped font file to open it.
  3. Double-click the font file.
  4. Select Install.
  5. Open Storyline. The new font is installed and the text is updated with the new font.

When you insert a new text box, the font will now be available in the font drop-down list.

font drop-down list

Comic Book Starter Kit

comic book sample slidesComic book designs are great for e-learning projects. They engage people through the art of visual storytelling. For some great examples of using comic book designs in Storyline, check out E-Learning Challenge #11: Design a Comic Book Theme for Your E-Learning Course.

To that end, I thought I would create a comic book starter kit in Storyline. Rather than making a bunch of high-end graphics and importing them into Storyline, I built these directly in Storyline with the existing shapes and buttons. The idea being that someone new to Storyline or new to a comic format can easily manipulate the images. The only “outside” influence is the use of comic book style fonts that I downloaded and installed.

The kit includes panels, callouts, shapes, buttons, font examples, and backgrounds in a variety of colors.

The comic book font that I used as the sample text is Crimefighter BB. You’ll need to download and install it to view the source file properly in Storyline.

Launch Demo

 

Source File – SL360

 

Source File – SL2

 

For additional resources, checkout the free course assets page in the ELH community.

Create an Animated GIF in Camtasia

Do you have Camtasia? Do you want to create short animated GIFs of your e-learning demos to post on your website or Twitter? Here’s how.

  1. Open up your Storyline published output.
  2. Open the Camtasia recording window and resize and align to record your output. Tip: Twitter uses a 2:1 aspect ratio, with optimal size being 1024 x 512 pixels.
  3. Start the recording and click through the different areas you want to demo. Keep it short (approximately 10 seconds). It may take a few recordings to get your timing right.
  4. Publish your Camtasia recording.*
    • Select Custom production settings.
    • Select GIF – animation file.
    • Leave the default settings for Animated GIF Encoding Options, Video Size, and Video Options.
    • For Produce Video, uncheck all the boxes and make sure your destination folder is set to the right location.
    • Select Finish.
  5. Post your animated GIF on Twitter (or wherever else). To post on Twitter, compose your tweet and then select the Add photos or video icon. Navigate to your published GIF, insert it, and post your tweet.

I created the following animated GIF for a recent portfolio item I built in Storyline.