Embedding fonts in Adobe Captivate 2017

Forum|Forum|8 years ago
May 12, 2017
5 replies
5676 views

Hi everyone,

We're using our corporate fonts in our courses. When we had Captivate 9 we embedded these fonts using this method How to embed fonts in Adobe Captivate - Flick Learning.

It worked fine until we've upgraded our Captivate. now, when we wanted to repeat the process, my Captivate crashed. I had to re-install it twice.

Do you know how we can embed fonts in the newer version? Or at least why we can't do this in the newer version? Perhaps, the principle of handling css files changed or whatever?

Any information will be very helpful, thank you.

This topic has been closed for replies.

b.rembrandt

Known Participant

I have a great solution to use Google fonts in Captivate. You can also use similar methods for Fontdeck, and Fonts.com.

1. Simply modify this line of Javascript to include the Google fonts you want and place it to load with On Enter Action on your first slide:

Here is a link to the full article: Load Google Fonts Asynchronously For Page Speed

B

brendanc52884453

Participating Frequently

I'm troubleshooting the same issue for our company. I think there's a conflict with the "@import url" step. The fonts and fonts.css file still show up in the project directory when a course is published, so the workaround is adding the fonts.css file to the course using an alternate method. I haven't had a chance to fully test this, so be mindful of that, but I had success with this method today:

Try adding an On Enter > Execute JavaScript action to the first slide of your project using the following code:
document.querySelector('head').innerHTML += '<link rel="stylesheet" href="assets/css/fonts/fonts.css" type="text/css"/ >';

That worked for me today, but I could only test briefly. The downside is you'll get a flash of un-stylized text on the first slide.

S

sdwarwick

Participating Frequently

The flash of unformatted text is a tough one.

One strategy for preventing it is to put a dummy blank slide at the start of the presentation with a timing of 0.1 seconds, placing your "on enter" javascript there.

B

brendanc52884453

Participating Frequently

That's a good tip, thanks! Alternatively, I was considering a slight delay on the timeline for any text objects which appear on the first slide as well. Always good to have options! Thanks again

S

sdwarwick

Participating Frequently

If your corporate fonts are accessible online through a link, the following approach should always work.

If you need help implementing this, let me know.

“Using web fonts in Adobe Captivate” @hdecisions

https://medium.com/@hdecisions/using-custom-fonts-in-adobe-captivate-592350d4c650

new zealand soco18314853

Participant

I have the same question, how do you embed company fonts into Captivate 2017, anyone? and how do you change the default setting from Trebuchet MS to your own company brand font?

RodWard

Community Expert

Captivate 2017 now has Typekit integration. That's probably conflicting with the method you were previously using.

new zealand soco18314853

Participant

What are the process steps please, or a link to them, I'm not an advanced user, but would appreciate any guidance, thank you. I also need to embed company brand colours RGBs. How do you add them so they stay there permanently.