I am having an issue when publishing out to "html5 only" where the font in the file is not reflected in the html5 output. See attached images. One showing the storyline file using Museo Sans 500 font. One showing the html5 output without that font showing up. Flash version as usual is fine if I export to Flash default. Any thoughts?
Hi there Dan, thanks for reaching out here. This sounds very similar to a known issue with Storyline 360. Did you happen to import this slide from PowerPoint or another SL project, or copy the text from somewhere else?
Hi Dan, thanks for that information. Your situation matches the issue that has been reported to our Quality Assurance team. Although I can't offer a timeframe for a solution, I'll certainly pop back into this thread and post updates when they're available.
In the mean time, our engineers have offered this workaround:
I also wanted to mention that replying via email includes your email signature here. You're welcome to come back and edit out personal information, if you would like.
Hi, I am looking for solution to a problem with text when publishing out in HTML5. It looks that it changes font and also for some reason letter F is not recognised and looks like a box. The same like on the print screen attached by Dan. Is this also a common issue that needs a solution?This box I mean?
There are a couple reasons text might be replaced by boxes or emoji in your published course. Take a look at this article for details and troubleshooting steps. Please let me know if you have any further questions!
Hi, thank you very much Alyssa. I will take a look at that. Is there any fix for different typeface that we have in our course to this what people see on the screen?
Hi again! Since this issue is server-specific and not font-specific, your course may appear differently for different users. If the box/emoji issue is affecting all learners, not just those with content blockers, it's likely the server where your courses are hosted isn't configured to properly serve WOFF files.
Great news - Articulate 360 Update 5 is now available! It includes a number of fixes detailed in the release notes here.
The item you may be interested in is how it fixed an issue where fonts such as Poppin and Kalam were not displaying properly. We're still working on some other fonts and we'll keep you posted!
Launch the Articulate 360 desktop app on your computer and click the “Update” button next to each tool.
This is an issue in Storyline 3 also. I wanted to see instructions for rectifying issue on server but the article has since been replaced with information about release notes. Can you advise if this issue will be resolved in Storyline 3 also? Thanks
Sorry this is happening, Matt! We're finding that this issue can sometimes be server-specific, so I'd like to take a peek at your file to be sure. Could you attach your .story file here, as well as a screenshot of the fonts that are displaying incorrectly?
Thanks, Matt! I do see that you worked with Angelo in your case.
I've seen instances where font displays incorrectly when the file is uploaded to one server, but it looks fine when it's uploaded to another server. If that happens, your server may not have WOFF file support--you can ask your server admin for more information on that.
A good way to test this is to send us your file, we'll publish it, then we'll send you a link to the published file. If the font looks good, we can assume that you'll need to add WOFF file support to your server.
If you'd like us to take a look at your file, you can send it directly to Angelo using this link. Thanks!
We have the same problem with storyline 360. The font is not embedded and the letter F is hidden. It is now november 2017. Are you going to fix the embed font issue?
We seem to be experiencing the same issue, but it only affects our Windows 10 users in IE11. Until we get this resolved with our IT department, we ask those Windows 10 users to use Edge (which is often already installed), or another browser.
There are documents online that suggest some Trusted Font settings to resolve the issue. We haven't confirmed that this solves the problem.
I'm sorry you've run into this issue, and it looks like you're both also subscribed and posting in that other forum discussion.
I hope you're able to find the information you need there, and as Brek mentioned it's a setting within the IE11 browser specific to some user's environments. In the meantime, you shouldn't see this issue in Edge, Chrome, Firefox or Safari. If you do, please let us know as it' would likely be a separate issue.
Hi. 6 months later and this issue hasn't been fixed? I have some users accessing courses in IE11 who still experience the issue Dan posted above.
I'd recommend allowing Storyline users the option to display text as images (this is a feature in Lectora which ensures learners always see the correct font).
I can share some details. This was an eLearning created in SL360. The font is Franklin Gothic Book (a pretty standard font). I observed the font displaying differently with users running on IE11, exactly as Dan described and looking exactly as he depicted in his images. What's even more interesting is that the users already had Franklin Gothic Book installed as a font on their computers, so it's not that this was a non-standard font that they didn't have.
The solution for me was to publish prioritizing Flash and using HTML5 as a fallback. This way, IE11 defaults to flash output but Chrome will default to HTML5.
31 Replies
Hi there Dan, thanks for reaching out here. This sounds very similar to a known issue with Storyline 360. Did you happen to import this slide from PowerPoint or another SL project, or copy the text from somewhere else?
The file is a conversion of Storyline 2 to Storyline 360. Is that going to be an issue?
Hi Dan, thanks for that information. Your situation matches the issue that has been reported to our Quality Assurance team. Although I can't offer a timeframe for a solution, I'll certainly pop back into this thread and post updates when they're available.
In the mean time, our engineers have offered this workaround:
I also wanted to mention that replying via email includes your email signature here. You're welcome to come back and edit out personal information, if you would like.
Thanks! Is there a URL that will list all know issues with Storyline 360?
Hi Dan, we do not have a public list of known issues with Storyline 360, but you can stay up to date with features and fixes here!
Hi, I am looking for solution to a problem with text when publishing out in HTML5. It looks that it changes font and also for some reason letter F is not recognised and looks like a box. The same like on the print screen attached by Dan. Is this also a common issue that needs a solution?This box I mean?
Even worse - instead of letter f (or box) there is emoji on iPad!
Hello Agnieszka!
There are a couple reasons text might be replaced by boxes or emoji in your published course. Take a look at this article for details and troubleshooting steps. Please let me know if you have any further questions!
Hi, thank you very much Alyssa. I will take a look at that. Is there any fix for different typeface that we have in our course to this what people see on the screen?
Hi again! Since this issue is server-specific and not font-specific, your course may appear differently for different users. If the box/emoji issue is affecting all learners, not just those with content blockers, it's likely the server where your courses are hosted isn't configured to properly serve WOFF files.
Hey all,
Great news - Articulate 360 Update 5 is now available! It includes a number of fixes detailed in the release notes here.
The item you may be interested in is how it fixed an issue where fonts such as Poppin and Kalam were not displaying properly. We're still working on some other fonts and we'll keep you posted!
Launch the Articulate 360 desktop app on your computer and click the “Update” button next to each tool.
Let us know if you have any questions!
This is an issue in Storyline 3 also. I wanted to see instructions for rectifying issue on server but the article has since been replaced with information about release notes. Can you advise if this issue will be resolved in Storyline 3 also? Thanks
Sorry this is happening, Matt! We're finding that this issue can sometimes be server-specific, so I'd like to take a peek at your file to be sure. Could you attach your .story file here, as well as a screenshot of the fonts that are displaying incorrectly?
Hey Alyssa, I've reached out to support. Thanks for your reply. Hopefully it is something that can be easily resolved :)
Thanks, Matt! I do see that you worked with Angelo in your case.
I've seen instances where font displays incorrectly when the file is uploaded to one server, but it looks fine when it's uploaded to another server. If that happens, your server may not have WOFF file support--you can ask your server admin for more information on that.
A good way to test this is to send us your file, we'll publish it, then we'll send you a link to the published file. If the font looks good, we can assume that you'll need to add WOFF file support to your server.
If you'd like us to take a look at your file, you can send it directly to Angelo using this link. Thanks!
We have the same problem with storyline 360. The font is not embedded and the letter F is hidden. It is now november 2017. Are you going to fix the embed font issue?
We seem to be experiencing the same issue, but it only affects our Windows 10 users in IE11. Until we get this resolved with our IT department, we ask those Windows 10 users to use Edge (which is often already installed), or another browser.
There are documents online that suggest some Trusted Font settings to resolve the issue. We haven't confirmed that this solves the problem.
Brek, the issue is also being discussed over here: https://community.articulate.com/discussions/articulate-storyline/letters-t-and-f-going-missing-in-storyline-360-for-small-population-of-users?page=4#reply-474812
Hi Brek and Susanne,
I'm sorry you've run into this issue, and it looks like you're both also subscribed and posting in that other forum discussion.
I hope you're able to find the information you need there, and as Brek mentioned it's a setting within the IE11 browser specific to some user's environments. In the meantime, you shouldn't see this issue in Edge, Chrome, Firefox or Safari. If you do, please let us know as it' would likely be a separate issue.
Hi. 6 months later and this issue hasn't been fixed? I have some users accessing courses in IE11 who still experience the issue Dan posted above.
I'd recommend allowing Storyline users the option to display text as images (this is a feature in Lectora which ensures learners always see the correct font).
Hi Kenneth and welcome to E-Learning Heroes :)
Sorry to hear that you've run into an issue with this as well.
We are tracking and reporting these individually so that we can understand the specific font and environment being used.
If you could share those details here as well as a .story file for us to take a look, that would be great.
Hi Leslie, and thank you for the reply.
I can share some details. This was an eLearning created in SL360. The font is Franklin Gothic Book (a pretty standard font). I observed the font displaying differently with users running on IE11, exactly as Dan described and looking exactly as he depicted in his images. What's even more interesting is that the users already had Franklin Gothic Book installed as a font on their computers, so it's not that this was a non-standard font that they didn't have.
The solution for me was to publish prioritizing Flash and using HTML5 as a fallback. This way, IE11 defaults to flash output but Chrome will default to HTML5.
Thanks Kenneth for popping back in to share some information as well as the solution that worked well for you :)
We have a Storyline 3 file that uses the Font Prelo Black. Published Flash/html5.
Flash version font displays correctly, html5 version does a font substitution, and displays in what could be sanscrit. Any suggestions?
This discussion is closed. You can start a new discussion or contact Articulate Support.