Fonts and Adobe Captivate

There have been some questions in the comments of my videos that suggest that some people may not understand Typekit fonts in Adobe Captivate. This article will try to explain it.

There are three different types of fonts on a Windows or Mac computer running Adobe Captivate 2017. These are system fonts, web-safe fonts, and potentially Typekit fonts. The importance of font selection only really applies to responsive designed elearning projects, since non-responsive projects convert your text into pictures, and whichever font you choose will render correctly on any device.

System fonts are the fonts that are installed on your computer. It’s important to know that when you use a unique and exciting font found on your computer, that what you see isn’t what someone else would. For example, if I created a Microsoft Word document that used the BlackHawk font and I sent that Word document to someone who doesn’t have that font installed, they will see an entirely different set of characters than what I intended (it will probably display as Times New Roman).

Web-safe fonts are a subset of system fonts that have such a high percentage of use that they can be considered universal. It’s smart to use web-safe fonts when you design for the web since you don’t know what devices will be used to view your content, and usually an excellent choice for when you develop responsive design eLearning. An example would be the Trebuchet font. Because there are only a handful of web-based fonts, using them may your eLearning seem ordinary.

But what do you do if you want to design a responsive project using something other than the half dozen web-safe fonts available? That’s where web-based fonts like Typekit come into play.

Typekit works like this. If you have an Adobe ID, you will have access to a small selection of these web-based fonts. Once you find a font on that you would like to use in your Captivate project, you would sync that font to your account. Behind the scenes, a system version of that font is downloaded and installed on your computer so when you return to your Captivate project you can select and use that font. Later when you publish that project, you would supply Captivate with the root domain of where your project will reside. For example, if you were an employee at Adobe and were going to make your eLearning project available on Adobe’s website, you would include * as a domain when you publish. When users would run this course, the published project would check and make sure this was authorised to use the font and display the correct font in the eLearning project even if the user doesn’t have that font installed. Here is an overview on how Typekit works in Captivate 2017 Release.

Typekit is only one example of web-based fonts. I’ve also used fonts that can be found on Google fonts. The advantage of Google fonts is that there are no fees or limitations required to use them. Here is a video that explains how you can use Google fonts in your Captivate eLearning project.

The post Fonts and Adobe Captivate appeared first on eLearning.

Adobe Captivate – Use JavaScript to Display Google Fonts

In this video tutorial, I show you a method to add from over 800 Google web fonts in your Adobe Captivate project. This concept was worked out by Steven Warwick in a previous blog post. I decided that this needed to be a video for all the visual learners like me, so Steven gave me permission to create a video on the topic. If you’re looking for an advanced eLearning developer who can get right to the core coding with JavaScript, Steven’s your guy.


Adobe Captivate (2017 release) Tutorials

Learn from the experts. The videos below will help you get familiar with the features of Adobe Captivate (2017 release).

These are short tutorials that have been created by Adobe experts to get you up to speed on using the product.
<h1>Adobe Captivate (2017 release)</h1>
Introduction to Adobe Captivate (2017 release)

Create your first responsive project

Inserting a video in your project

Inserting an audio in your project

Create your first eLearning course

Section 508 compliance in Captivate

Adding Adobe Typekit fonts in your project

Assets for your 1<sup>st</sup> eLearning project

Migrating a non-responsive project to a responsive project

Record a video demo

Create a quiz to test your learners’ knowledge

Create a software simulation

Import a PowerPoint to your Captivate project

What is the Property Inspector

Use smart shapes as buttons

Preview your responsive project in various devices

Publishing, reporting, and tracking of your project in an LMS

Adobe Captivate 9 – Tutorials

Free Adobe Captivate 2017 Theme


I’ve decided to create a variety of Adobe Captivate 2017 themes to share with the Adobe eLearning community. This first attempt was inspired by one of my favourite wines from the Bordeaux region (see if you can guess which one).


It uses the Typekit font AdornS Serif Regular and AdornS Engraved Regular. My recommendation is to install these two fonts from before using this theme.  My intention is to continue to add new themes that will be available for free download from my website below. I encourage you to bookmark the page below and periodically check back for more themes as they become available. Feel free to share that page with your colleagues as well.

Adobe Captivate Cp Themes

If you are interested in developing your own themes, Adobe has a page dedicated to this process. You can check it out using the following link.

Working with themes in Adobe Captivate

Make your Captivate projects consistent across devices using TypeKit!!

You can make your project look much better, prettier and consistent across devices with the use of Adobe Typekit!

What is Typekit!?

Adobe Typekit brings thousands of fonts from foundry partners into one beautiful library for subscription or purchase. Enjoy quick browsing, easy use on the web or in applications, and endless typographic inspiration. Typekit is the easiest way to bring great type into your workflow, wherever you are. Captivate can take advantage of the same and can make the e-Learning content much more beautiful, engaging and eye pleasing.In addition, you can now be sure of how your project looks across various platforms and devices.


Adobe Captivate 2017 allows you to use the enormous library of fonts within Adobe Typekit for your eLearning projects with ease. You can add Adobe Typekit fonts within Captivate with Adobe Creative Cloud which can make the project much better aesthetically.

Few Samples:

Figure 1

Figure 1
What can be achieved: (Sample Project attached in the end)
Figure 2

How to achieve the above slide using Typekit?

Typekit Fonts used in the above projects are:

  1. Cooper std
  2. Sarina

To add a font, follow the steps shown below, a Text Caption is used for the example, but any other object such as a Button or Shape can be used for the same.

Figure 2Figure 3

All the installed Typekit fonts are available within the Character Dropdown under the section Typekit Fonts (Refer Figure 3) and you can choose any of them in the same way as any system font would be chosen, and the preview of the font is immediately shown on the Edit Area.


To Add new Typekit Fonts to Captivate:

1.Install Adobe creative cloud application if not already installed,Log in using your adobe ID.


  1. Launch Captivate, Open a new Project and to add new fonts just click the Typekit (Tk) icon next to the font selection dropdown (Refer Figure 4), which will redirect you to the Adobe Typekit Website. Log in using the same Adobe Id you can see all the fonts within the Typekit Library which can be accessed based on your plan.
Figure 3

Figure 4

     3. Once a font of liking is chosen we can sync the font to Adobe Creative Cloud Account by clicking on the SYNC button next to the font (Refer Figure 5), Note: All the styles of a font also have to be synced if they are also needed.

Figure 4

Figure 5

4.Once the font is synched the Creative cloud app shows a notification on the systems it is installed and logged in with the same Adobe Creative cloud account                   (Refer Figure 6).

Figure 5

Figure 6


Captivate 2017 automatically updates the new fonts without any user interaction and shows the new font in the drop down. (ex: Bickham Script Pro 3, Refer Figure 7).

Figure 6

Figure 7

Now you are all set to use the fonts! Lets start with the slide!

1.Open Adobe Captivate
2.Create a Responsive Project
3 Goto Slide Properties, Change Background to Custom and Choose the fill to Gradient

4. Insert a Text Caption, choose the font as “Cooper Std” and change the font size to 100

5. Insert another Text Caption, choose the font as “Sarina” and change the font size to 26.
6. Insert third Text Caption, choose the font as “Cooper Std” and change the font size to 24.Set the rotate as 45 degree and place it at the top left corner as shown above.
You can also download the sample project(attached in the end) and apply the Typekit fonts you just downloaded!
Once you are ready with your project, Preview the project to see its final look and if you are satisfied, proceed to Publish.

To Publish projects with Typekit Fonts:

To publish a project with Typekit fonts, click on any Publish method of choice, which connects to the project to a Typekit account (Refer Figure 8), once confirmed we should also add the domain(s) where the project will be uploaded. (Refer Figure 9)

Figure 7

Figure 8

Figure 8

Figure 9

We can add upto 10 domains which can also match regular expressions like asterix (*) to match subdomains.

Things to remember when using Typekit Fonts:

  1. All the restrictions of the Adobe Typekit account also hold good here.
  2. Matching subdomains with asterix (*) is recommended instead of adding each one.
  3. Using the project in a different system without the same fonts will revert the fonts back to default.
  4. Publishing the project in a domain not listed in the publish window, the project will not render the fonts in the new domain, it will use default fonts instead.

Sample Project: Typekit_Blog

Recorded LIVE STREAM – Adobe Captivate 2017 Key Features

This morning I ran a live stream on my YouTube channel and walked my viewers through some of the key features in Adobe Captivate 2017. I’ve saved the recording for all of you to watch and get some first-hand tutorials on how to use the new features in Adobe Captivate 2017. Check it out.

Adobe Captivate 2017 Release

2017-04-10 11-14-04 AM

I’m really excited to report that the next major release of Adobe Captivate has launched. Adobe has made the decision to break from the product numbers of the past and now simply call the product Adobe Captivate 2017 Release. In this article, I cover off some of the new features for you to consider.

Responsive Design

The most notable addition to this software is a new way to develop responsively designed courses. A feature known as fluid boxes allows users to divide up their slides into containers where the objects placed within them respond in a much more predictable manner than with other methods. Here is a tutorial that shows some of the basics of working with fluid boxes.

Converting to Responsive Design

Another area related to responsive design is the ability to save non-responsive projects as responsive design projects. In the past, if users wanted to convert an older project into responsive design, it required a much more manual process of copying individual slides and their elements usually one slide at a time. Here is a tutorial that shows this process in action.

Adobe Typekit Integration

With the migration to HTML5 and responsive design, text in eLearning projects became actual text instead of just another graphical image as was the case when Flash based eLearning was the norm. HTML5 offer many advantages but this limited developers to the commonly used fonts, namely web safe fonts. This prevented developer’s ability to use new and interesting fonts in their design. With Adobe Captivate 2017 that problem has been solved through the introduction of being able to add Typekit fonts to your eLearning projects. Typekit fonts are cloud-based and with a Typekit account, many of these cloud-based fonts will now be available to Captivate 2017 developers as well. Creative Cloud customers get a limited number of Typekit fonts at their disposal. Here is a tutorial that shows how easy it is to add Typekit fonts to your eLearning projects.

Enhanced Multi-State Buttons

When Captivate 9 was released, many developers were excited at the number of multi-state objects available to them. Most notable was the ability to have a variety of buttons that were previously just static. There were some exceptions to which types of buttons could have multi-states, however, this has been addressed in Captivate 2017. Developers now can have multi-state buttons on question slides, shape buttons on master slides, buttons on drag and drop slides, and buttons on your quiz results slide. Here is a video where I demonstrate these enhancements.

Enhanced Closed Captioning

About five years ago I had a client ask me if I could make the closed captioning window on a course I had developed smaller. They complained that users who wished to use closed captioning had to read the text across the entire width of the project window and this was causing fatigue for users of closed captioning. There was no way to modify the closed captioning window size in previous versions. Adobe Captivate 2017 has introduced the ability to not only create custom sizes of closed captioning windows but their placement can now be on any part of the slide. Furthermore, developers can also use custom font formatting for part or all of the captions they display to their audience. Watch this video to see me customize my closed captions for a small project.

Enhancements to Advanced Actions

Lastly, there have been some enhancements to advanced actions in Captivate 2017. In previous versions of Captivate a best practice developed to make all advanced actions conditional. The reason for this was that it could be difficult to deal with a change from a standard set of actions to a conditional set of actions part way through development. Often this was achieved by making the condition of the advanced action something that would always be true. For example, developers could write the condition to be something like IF 1 == 1 or something like that.

Captivate 2017 solves this by making advanced actions and conditional actions one and the same. Instead of having to rewrite the standard action into a whole new conditional action and updating all the places where that standard action was previously referenced, now you can modify the standard action and change it to a conditional action by checking off the Conditional Tab. There you can add your IF statement and retain all the previous actions as part of the conditional action.

Also, the IF statement of conditional actions has been joined by the While statement which gives developers the opportunity to create advanced actions that will loop while all, any or some of the conditions are true.

In Conclusion

Each time a new version of Captivate is released I always say the same thing. This is the best version of Captivate ever. Once again this is absolutely true with the 2017 Edition of Adobe Captivate.

If you typically purchase a perpetual license to Adobe Captivate and the features in this release will benefit you or your clients you should upgrade to this version. Of course, I would wait until you have a break in the development cycle. I’m not sure I would start using a new release on work that was presently in progress.

If you subscribe to Captivate as software as a service, you should upgrade to this release. Again I would wait until you have finished any work in progress, but it makes sense to be running the latest version of any software if it’s available to you.