Text Formatting in Published Version of Storyline 2

Hi there Amanda, thanks for sharing your published file and those screenshots! Mind if I take a peek inside your file, too? If you could send me a copy of the original .story file, that would be really helpful. 

Also, what font are you using?

Thanks Alyssa!

The font is NewsGoth BdXcn BT 

Thanks, Amanda! Could you also share the font installer file with me? I'm not finding a download online. Thanks!

Alyssa, 

Font file attached! Thanks!

Alyssa, 

It's probably worth adding that this issue has occurred with each of the modules we have published, not just this one file

Hi Amanda,

Thanks for sharing the font file with me! I took a look at downloaded your font file and your .story file.

I limited my testing to your first slide to make it easier to publish the course, and that version is uploaded here. 

What you'll see is that the font is correct on all the areas that do not include a text entry or variable reference. Those areas can't have fonts embedded, and it'll revert to a system font instead.

I tested that link in Chrome within my Windows environment where the font was installed and it worked fine but on my Chrome in my Mac environment where I did not install the font it default to a standard font like Arial when it's using the %Variable% at the start. 

Hope that helps clarify! 

Hi Ashley, 

Thanks for the additional information. Can you give me a recommendation on how to include text in my module that does not include a text entry of variable reference. I'm not familiar with how those work, and it doesn't seem to be consistent when I use text boxes. 

Thank you!

Hi Amanda,

The text entries are the area where you had the user type in their name, and the reference is where you displayed it and showed it to them. Take a look at the tutorial here on using data entry fields and referencing variables here for a bit more info. 

I have seen some users who still want to display what the user entered, and so to ensure that it doesn't impact any other text on the slide they create a separate text box for it.

That way the variable reference (in your case "Hi, %Username%!") is displayed in a default font, while everything else is displayed in the custom font you set up. 

Let us know if you need anything else! 

Ashley, 

That makes sense, but that's inconsistent with some of my other published modules. 

https://www.yvc.org/training-module-welcome-yvc/

In the module linked above, even in areas where there is a variable entry (the name), text is formatting correctly throughout. I've attached a screenshot as an example. Any ideas why it would be different in this case?

Hi Amanda,

Thanks for the link to your course. I gave it a test and you'll see that my name and the other text on this example doesn't match your text - as I don't have that font installed.  So you may be seeing it correctly if testing in an environment where that font is available. 

Ashley, 

Okay- that does make sense! Thank you for all your help! 

No problem Amanda. Enjoy the rest of your week! 

Hello! I'm looping back around to this. I have updated all of the fonts in my module to a system font (Arial) but the issue with the font formatting continues. As with before, in some cases areas with a variable reference format correctly while others do not. 

I've attached screenshots for reference - first is an example slide in draft form before publication (Draft Module); Then I have two additional shots - one of the published module with incorrect formatting (Published Module_Error) and another where it has worked correctly (Published Module_Correct).  

I know that non-system fonts create trouble for Storyline 2, but I had hoped this would solve the problem. Is there another solution? 

Hi there, Amanda. What I'm seeing in the incorrect image is the text overflowing the caption. Do the settings for that slide's caption match the settings on the "correct" slide's caption? You can check here:

If that doesn't help, I'm happy to have a look at your updated .story file! With your permission, you can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Hi Crystal - Thanks for a quick reply. 

I've check the settings on both shapes and unfortunately, the "correct" version and the "error" version are set exactly the same. (Screen shots attached). 

I've sent you my .story file by uploading it to the link provided. Thank you! 

To update this discussion, I imported the slides into a new file where the text was shrinking to fit the caption properly. Let me know if you're still seeing issues with the text overflowing!

Hi Crystal (sorry for the delay in my response). 

I created a new storyline file and then imported slides from my original file - when I published, the error continued to appear when I tested in Chrome, but is corrected in Internet Explorer (screen shots attached). Is this common? Anyway ideas on why it is messing up in Chrome or how to fix that? 

I have just tested other published modules which were experiencing the same text overlap issues, but that I haven't worked to repair yet. In Internet Explorer, there is no error - but in Chrome there is! 

Hi Amanda! I'm sorry this issue is lingering. I'm asking my team to also have a look at your file to catch anything I've missed.

The main difference between Chrome and Internet Explorer is that Chrome will disable Flash Player by default. When you view your course in Chrome, it is possible you're seeing the HTML5 output. Internet Explorer will only show the Flash output.