Crispness of edges of fonts in Storyline?
Nov 22, 2012
By
Eric Stephan
I am wondering if the modules that we are making with Storyline are having the fonts have edges that appear just a bit fuzzier than is normal.
Can you tell me -- if you look at the title slide of this module -- look at the black words
Evaluation for Education Programs
and also
Module 2
Module is at: http://tinyurl.com/cvrep2e
Do the font edges seem fuzzy to you? And if so, is that pretty much normal for Articulate, or can it be improved?
BTW, the chosen font is the default one called "Articulate."
Any thoughts or suggestions on that? THANKS! --eric
137 Replies
Hi Eric,
I looked at your presentation and didn't have any issues with "Evaluation for Education Programs" & "Module 2"
The fonts do no look any fuzzier than other ones.
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 and will threat is a suck (no conversion)...
Cheers
Geert
Eric, I looked at your sample in three browsers (IE9, Chrome and Firefox) on both PC and Mac and the fonts do not look fuzzy to me.
Okay, great. It's definitely good to get some additional perspectives on the thing. Thanks so much to both you for looking at it!
eric
I've been searching the forum for the same issue. Although the link in this thread is no longer active, I would say there is definitely an issue with how fonts are rendered in the published file. You can see aliasing around the edges and every font I've tested looks worse in run-time as compared to authoring mode. It doesn't matter if it's a True Type, Open Type, or Postscript font. They appear marginal at best in the published file, and that is unfortunate.
I've tested fonts in Flash (CS3, AS2.0) just to see if it was doing anything that degraded the font quality. I had the anti-aliasing setting set to Anti-alias for Readability in one text object and Anti-alias for Animation in another. The former looked clean when published while the latter, coincidentally, degraded to the point that it appeared remarkably similar to the fonts in my published file out of Storyline.
Something is amiss here, and the Articulate dev team should be looking into this...
Welcome to Heroes, Mark!
Do you have a file we could take a look at to see what you're describing? You can open a ticket here, and on the second page of that link is where you can attach the file. Thanks!
Hello Peter,
I did open a ticket, but I thought I'd share the image here as well for anyone who's interested. The text on the left is a straight screen capture of Storyline's authoring window and the image on the right is the published version of the buttons. You can see the published text gets a bit bolder and the characters don't have a smooth anti-aliasing.
(sorry for inadvertently hijacking your thread, Eric)
Thanks for sharing the image, Mark. Looks like Sid is working with your file now and should be contacting you soon.
I am having the same issue with my rendered fonts. Did a fix get found on the above Mark?
I would be very interested in the answer to this too. Some of my fonts look a little fuzzy too. It seems to particularly affect black text on a white background.
I'm sorry to say, guys, I've not heard anything regarding this issue yet.
That's disappointing. :(
This is a real shame. It's frustrating as i have searched high and low for a solution to this issue and not found one.
It seems crazy since you spend loads of time making a smart module and then the client comes back and mentions the fuzzy text is an issue and you go 'really sorry but I can't fix that'. It puts a real downer on an otherwise fine module.
I remember having this issue back when i used Adobe Captivate 4. But there ws a cure with that, all you did was put a white text highlight behind the text and it then rendered nice and crisp.
Shame this doesn't work with SL
Hi guys,
@Mark, just checked your original case and it looks like Sid was hoping to get his hands on your file. He responded to you on December 13th. If you didn't receive his email, you may want to check your spam or junk folder for something from support@articulate.com.
And @James and @Dan, if you're willing to share your files as well, we'd be happy to take a look.
This isn't a known issue, so I'm hopeful we'll be able to get this resolved for you.
Thanks!
Hi Peter,
I have now submitted a simple example story showing the issue.
If you guys can solve this that would be massively helpful!
Many thanks,
Dan
Thanks, Dan! Appreciate you letting us help.
I'll do the same. Will get something to you within the next 30 minutes.
Thanks!
Thanks, James!
Hi Peter. Submitted as support case #00318032.
Hello, Peter,
Evidently, that email must have went to my spam folder and has long since been deleted. My apologies.
Since he has enough representative example files, I'll not send mine at the moment, unless you feel each case would be unique.
Sorry about that, Mark. I'll keep an eye on the other related cases too, but if you'd like, you can quickly send Sid your file here. Just mention case #00309415 in the appropriate field. He'll be happy to hear from you
Thanks again, all!
Hi Guys,
I recieved a response to my submitted file.
For the issue with rendering of text, we have reported this to our Quality Assurance engineers, and they are already aware of this issue. They are currently reviewing this. We'll contact you again once we receive further updates from them about this issue.
So it seems that this is a known issue. But currently there is no work around.
Hopefully this is somthing that will get resolved soon!
Dan
Great, Dan. Thank for the update.
I stand corrected, guys
Thank you for opening the tickets, though. The more we can learn about the issue, the faster we can resolve it.
Hope you have great weekends!
Thanks, everyone. I've gotten the same response.
For me, I think I'll just resort to creating my buttons in Photoshop for graphical menus and navigation elements. The rest of the screen text will just have to suffer from this anomaly until a fix (hopefully) becomes available.
Mark
Just in case you guys wern't aware there is a possible work around whilst we wait for a fix, but it is really, really laborious.
You basically convert all your text to pictures. This then renders as an image instead and the quaility is overall better.
This has obvious draw backs, like once done the text is un-editable (if done i would have 2 project versions, 1 with the original text and the other with the pictures).
Also if you use the scaling player the image goes fuzzy when scaled during playback.
Dan
This discussion is closed. You can start a new discussion or contact Articulate Support.