font going blurry on a lower resolution screen?

Mar 05, 2014

Hi everyone. by default I run a 24" 16.10 ratio screen. I've not had any issues previous creating story projects using the smaller story sizes. However, when creating a story size of 1200 by 880 (for an open book spread), and using the articulate font at either a 10 or 12, when my co-worker previews it on a 1366 by 768 laptop screen the font becomes very fuzzy and unreadable. 

I've tried making the story size smaller but it makes no difference. One thing to note, when my co-worker increase the font to 12 it previews fine, but when I try and emulate this at home, adjusting my display to 1366 by 768, no matter what the story size or font size it still comes out blurry. I've also tried selecting the option to lock player to optimal size and resize browser to optimal size and no difference. 

What am I missing? Surely a font size displays clearly on any resolution screen unless it's made into an image and enlarged? How can I accurately create future modules that will display clearly on various screen resolutions?

Thank you for your time,

4 Replies
Ashley Terwilliger-Pollard

Hi Roxy, 

It sounds like you're both viewing a published version, not sharing a Storyline file back and forth? If you're both working on the same Storyline file, I'd just first want to confirm that you're following a method such as the one described here in terms of a collaborative workflow. 

On to the text issue, there are some threads going about the text being fuzzy or less crisp in publish, and this is something our team is aware of and working on for future updates of Storyline. In the meantime, I did find this explanation from another community member regarding how Storyline publishes the fonts and ways to ensure the "crispness":

You have to keep in mind, that all text are considered to be graphics in the end and they will be converted into SWF files.

This may lead to some (very little) deterioration of the crispness of your text.

There is a way around this, and that is to fool SL into believing that your text is a picture.

This can be achieved by tilting (3D rotation) your text by 1 pixel. The human eye doesn't see the difference, yet SL will then consider you text as being a picture

Now, since your text only seems to be blurring when viewed on another monitor with a different resolution, it's important to keep in mind that screen resolution  impacts the clarity of the text and images on your screen. At higher resolutions, items appear sharper but they are smaller, so more items fit on the screen. At lower resolutions, fewer items fit on the screen but they are larger and easier to see. I'd recommend designing your course at an optimal story size, font size, etc. for the majority of your users devices and how they'll be viewing the courses. Although this thread started out discussing the optimal story size for an iPad, it's worth reviewing as the discussion evolves into overall optimal story sizes and impact on customers/viewers. 

Feel free to let us know if you need anything else! 

Roxy Wrigley

Hi Ashley, no we're definitely using the .story file and both opening and previewing it in storyline directly.

I'm curious about trying that rotating trick, but I'm not sure how to go about rotating by 1 pixel? Is there a box you enter a digit in somewhere?

Thanks for the link to the thread about optimising, I'll have a read and try and rework the file. 

Phil Mayor

Your problem is likely the native resolution of your screen

1366x768 s not big enough to display 1200x880 without scaling the screen which is causing the blurriness.  Changing your resolution will not help as LCDs have a native resolution and they will be blurry if changed.

I think you need to reconsider the slide size as a lot of screens will not be able to view this at its native size, I would go for something round the 1000x563.

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