font clarity on ipad

Hi there,

I'm staging a Storyline course online to test on iPad and I am getting extremely fuzzy font rendering. (I'm using Calibri for most of the body text, size 14 or more.) I am viewing via a browser and not the Articulate app.

Is there a setting I haven't made correctly, or is there another problem that needs addressing? 

Link to course is here:
http://onepointedpixel.com/staging/elcccasestudy/launcher.html 

I'm fairly new to Storyline so any help gratefully appreciated.

Matthew

 

7 Replies
Matthew Williams

Thanks for the response Ashley. I appreciate it.
Yes testing on supported browsers, both Chrome and Safari. Problem is particularly the opening screen or two with blocks of text at smaller size and not bold, seem to appear very “anti-aliased” or something - not crystal sharp like most text in standard fonts rendered on an iPad. Obviously these are html pages, so I wonder why I’m not seeing that sharpness that iPads produce with normal web pages.

When I run it in the Articulate Player, it is razor sharp as it should be.

Matthew

Ashley Terwilliger

Thanks Matthew - I'm not sure I ran into the same thing on my iPad running iOS9.3 and viewing it in Safari (chrome would just be HTML5 on desktop or an Android device). The iPad image is included below and then below that is the HTML5 vs.Flash in Chrome where that one i can see some differences in the text. 

HTML 5 on the left - Flash on the Right. 

You will see as detailed here that the HTML5 output is not as crisp as Flash and currently that is by design based on HTML5 memory and loading times. 

Hope that helps clarify and feel free to let me know if you have any other questions. 

Matthew Williams

Thanks for reply Ashley. I can understand changes in clarity for any graphics elements, but when for example building a simple HTML page and publishing it on an iPad, the results are super sharp. Is this ultimately not the same, it’s ultimately just HTML running in a browser, right?

Matthew

Ashley Terwilliger

When we publish, the slide content (images, objects, text, etc. ) are essentially all turned into images so that accounts for the changes you're seeing as technically they are graphics. I'm curious what iPad and iOS you're running? Did you compare my images above? I'd say the Flash looks the best, than the Ipad and then the HTML5 in Chrome on desktop. 

Matthew Williams

OK got it! I guessed that was the reason.

Discounting the Flash, because that looks superb, what is the difference in output between the desktop and iPad versions - these are obviously both HTML based, but are they configured to output differently?

In answer to your question, the iPad output definitely looks fuzzier to me. The desktop isn’t razor sharp but it’s pretty good. Not sure about iPad stats, other than I bought it 2 years ago.

Matthew

Ashley Terwilliger

Hmph. I definitely felt like the iPad looked better than the Chrome browser. I'd say it's a difference in browsers and how they're displaying HTML5.  If you look at the link when doing so, you'll see that they are both using the story_html5.html output so it's linked the same, but some browsers play better or differently than others, and that same situation impats which browsers we support HTML5 in.  You can use these directions to determine which iOS you have, and I'm on an iPad min with retina I believe...