Player font in HTML5

I just wanted a clarification about one of the HTML5 restrictions - can't change player font published for HTML5.

Let's say I change the player font from the default font to Arial.

When I publish the course with the option HTML5, users viewing the course with a browser that does not have FLASH, will see the HTML5 output and, therefore, will see the default font - not the Arial font. Is that correct?

Thanks!

13 Replies
Ashley Terwilliger

Hi Dorte,

The default font you'll see in the player set up on slide content is the Articulate font, and you'll see the different font elements such as player text labels or variable references and how those fonts will behave on the ipad in HTML5 or the mobile player as indicated here.   If you use a font that is not supported it will be displayed using the default fonts of the system or device on which the content is being viewed.

Ashley Terwilliger

Hi Mette and Dorte,

Any fonts included in your published file on slides, should be displaying on the HTML5 content as we essentially convert text to images upon publish, to avoid the need for local fonts. For the player font, as indicated in the comparison chart you can't set the font for HTML5 or the mobile player:

 

Ashley Terwilliger

Hi Laurel,

With Storyline 360 we've made a lot of improvements and advancements with our HTML5 output and specifically on the fonts. We're now using some new methods to ensure that fonts display as expected on all devices and browsers, you can read a bit more about that here. 

If fonts aren't displaying, it may be something as simple as the server not allowing for access to Web Open Font Format (WOFF) files, so they can add that MIME type to the server. There are a few other solutions here for if the fonts are misbehaving. 

Let me know if you've run into any other trouble - we're here to help!