Text pixelating on zoom in HTML 5

Feb 19, 2014

Hello.  I've been lurking these forums for a bit and finding answers to my questions, but I'm afraid I haven't found one for this problem.

I'm working on a project that requires an HTML 5 version, which isn't a problem for Storyline, but when I publish my project and test it in various web browsers, I've discovered that the HTML 5 version has pixelated text, which becomes noticeable whenever I zoom in.  To make things worse, this project needs to scale up to fill the browser, which makes the text pixelate very badly.

I admit that I find this a little strange.  While I understand that this will happen with images, why is it happening with text?  Is it converting the text to an image?  Why?  Is there an option to prevent it from doing this?  Shouldn't HTML 5 be able to handle re-sizing text?

Here are some test files to show you want I'm talking about.

14 Replies
Ashley Terwilliger-Pollard

Hi Deb, 

Is it only these users who are seeing an issue with text? As you can see mentioned above, Storyline 1 has some issues with text that was reported to our QA team. Are you using Storyline 1 or Storyline 2? Also, since you mentioned tablets, I wanted to share a reminder that objects aren't vectored in HTML5 output. As a result, they may not appear as crisp in HTML5 as they do in Flash if you set the player to scale to fill the browser. To avoid scaling and reduction in image quality, we recommend locking your course player at optimal size.

Tip: Because objects aren't vectored in HTML5 output, they may look blurry or pixelated in zoom regions.

Deb Creghan

Ashley - follow-up question... tablet users access our LMS through a VPN connection, so they aren't using traditional tablet functionality. All text is pixilated - not just text when zooming. I've tried changing the settings to "Lock player at optimal size" but the problem persists. And, although some fonts are worse than others, this affects all fonts. I'm hoping to upgrade to Storyline 2 in the near future (waiting for $$) and that this will fix the problem??  Has this issue been reported with SL2?

Thanks - Deb

Ashley Terwilliger-Pollard

Hi Deb,

The issue with objects not being vectored in the HTML5 output still remains in Storyline 2 as it's how the objects are handled with the HTML5 publish. I don't know if your VPN set up and the LMS would have any impact on this, but you could always look at downloading the Storyline 2 trial and uploading to a LMS testing site such as SCORM cloud. 

This discussion is closed. You can start a new discussion or contact Articulate Support.