I am trying to troubleshoot an issue where the course presentation has distorted font upon publishing. The course is then uploaded to an internal LMS. I do not believe the LMS is the cause of the compression.
The font is badly spaced and distorted when the user plays it in Internet Explorer 11.
The font and formatting is perfect when the user plays it in Google Chrome.
The course MUST be able to be viewed perfectly no matter what browser the user prefers.
Any suggestions? I am attaching two photos to see the comparison.
Always get issues in IE from an LMS and content development tool perspective. Each company ive worked out for online learning as well as managing an LMS had to switch to Google Chrome.
Hi Faye! Thanks for that helpful detail. Are you able to share your Articulate Package for me to do some testing? You can attach it right to your post.
May I also ask what font you're using?
Also, do you see the same behavior in IE for both the Flash and the HTML5 output?
Thanks for reaching out...I'm happy to try and help.
Thanks for responding. I used Century Gothic font.
I was unable to open both Flash and HTML5 files. Unfortunately, I am unable to share the presentation due to proprietary information however, I have attached a screenshot of the publish settings selected.
Which version showed the issue - the Flash or HTML5 output? You mentioned the LMS not likely being the cause of the issue, but we've seen a number of LMSs forcing IE11 to display in compatibility mode (treats IE as if it's an earlier version of IE...like IE7) and that's caused a number of issues.
If you want to rule the LMS out, give it a test in SCORM Cloud. It's a free, standard for testing LMS output - and if it doesn't work there then you could share the course privately with our Support Engineers.
I'm adding to this thread so that I can be notified if there is a fix to this issue. We are experiencing the same IE11 / font jarble problem. Only happens when launched from the LMS on subsequent launches. First launch, the font seems fine. (also checked ScormCloud, font works well there.) Font used is Open Sans. Published to HTML5 only.
What I found to be an issue is the Open Sans font. It is not recognized through IE and converts it to Times New Roman as explained in this forum. Additionally, when I sent the issue to Articulate support, this was an IT issue on my end apparently. The IT department at my place of work stated that McAfee needed to be updated. It worked, but this would need to be addressed across the board for everyone in the organization. Subsequently, Open Sans is the default in Storyline 360 (what I am using). As an alternative, I changed the font to Arial in the master slide and for feedback answers to quizzes. This will also have to be done for using Engage and Quizmaker as Open Sans is the default font there too.
Unfortunately, this also was an issue with the font I used on my slide deck which is 'Century Gothic.' Prior to importing the PowerPoint slides into Storyline, I saved them as a Picture Presentation instead of a pptx file. The reason I did this is because the font was also getting converted/distorted when playing the slides in IE. I was getting feedback from clients saying the LETTER "F" was missing from the slides. So that was definitely a font issue with IE not Articulate. As an FYI, if/when you convert the slides into a picture presentation you have to make sure that all of your changes are made first.
Again, this is a work around until a better solution comes about. I find it to be a bit more work than I'd like, but it works for now. I don't do any editing in Storyline 360 until all of my changes are made in PPT first.
Hi Creative Director- While I would like to encourage others to use Chrome over IE, currently it is not a standard practice and the content will have to be accessed through IE and Chrome.
12 Replies
Additionally, this is a copy of the presentation when viewing the output from the hard drive
Update: I saved the ppt slide as a powerpoint picture presentation. This is a learning curve for me because I was hoping there was a better way.
Always get issues in IE from an LMS and content development tool perspective. Each company ive worked out for online learning as well as managing an LMS had to switch to Google Chrome.
Hi Faye! Thanks for that helpful detail. Are you able to share your Articulate Package for me to do some testing? You can attach it right to your post.
Thanks for reaching out...I'm happy to try and help.
Hi Crystal,
Thanks for responding. I used Century Gothic font.
I was unable to open both Flash and HTML5 files. Unfortunately, I am unable to share the presentation due to proprietary information however, I have attached a screenshot of the publish settings selected.
Hi Faye, we had the same issue. We fixed it by upgrading to the most recent version of 360 and setting our computer DPI setting to 100%.
Hope that helps.
Hi Faye,
Which version showed the issue - the Flash or HTML5 output? You mentioned the LMS not likely being the cause of the issue, but we've seen a number of LMSs forcing IE11 to display in compatibility mode (treats IE as if it's an earlier version of IE...like IE7) and that's caused a number of issues.
If you want to rule the LMS out, give it a test in SCORM Cloud. It's a free, standard for testing LMS output - and if it doesn't work there then you could share the course privately with our Support Engineers.
I'm adding to this thread so that I can be notified if there is a fix to this issue. We are experiencing the same IE11 / font jarble problem. Only happens when launched from the LMS on subsequent launches. First launch, the font seems fine. (also checked ScormCloud, font works well there.) Font used is Open Sans. Published to HTML5 only.
Hi Ashley,
What I found to be an issue is the Open Sans font. It is not recognized through IE and converts it to Times New Roman as explained in this forum. Additionally, when I sent the issue to Articulate support, this was an IT issue on my end apparently. The IT department at my place of work stated that McAfee needed to be updated. It worked, but this would need to be addressed across the board for everyone in the organization. Subsequently, Open Sans is the default in Storyline 360 (what I am using). As an alternative, I changed the font to Arial in the master slide and for feedback answers to quizzes. This will also have to be done for using Engage and Quizmaker as Open Sans is the default font there too.
Unfortunately, this also was an issue with the font I used on my slide deck which is 'Century Gothic.' Prior to importing the PowerPoint slides into Storyline, I saved them as a Picture Presentation instead of a pptx file. The reason I did this is because the font was also getting converted/distorted when playing the slides in IE. I was getting feedback from clients saying the LETTER "F" was missing from the slides. So that was definitely a font issue with IE not Articulate. As an FYI, if/when you convert the slides into a picture presentation you have to make sure that all of your changes are made first.
Again, this is a work around until a better solution comes about. I find it to be a bit more work than I'd like, but it works for now. I don't do any editing in Storyline 360 until all of my changes are made in PPT first.
Hope this helps.
Hi Ashley- Please see my work around below.
Hi Creative Director- While I would like to encourage others to use Chrome over IE, currently it is not a standard practice and the content will have to be accessed through IE and Chrome.
Thanks Faye for that update and additional information.
This discussion is closed. You can start a new discussion or contact Articulate Support.