This is probably a simple question, but one who's answer I have not been able to find. I am building a course in Storyline 2 that is using a custom font (from my client's branding requirements). The course will be published for HTML5. Will the custom font be embedded in the published files so learners without the font on their tablets still see that custom font? Or is there something special that needs to be done? Or am I stuck using standard fonts like Ariel?
The text on the slide itself will be embedded, but if you're using it as a variable reference or text entry that is when custom fonts can be problematic as detailed here, not just for HTML5.
A follow up to this question, does it affect the speed of course loading to use a "web safe" font or one from Google fonts that is likely to be cached?
I haven't seen any issues with the loading of a course based on using a custom font, but it'll still not display the custom fonts with the variable references or text entries - just the on slide text.
Let us know if you see a perceivable difference in that set up!
No difficulty yet although I have not tried viewing the course on a system that does not have our Sephora font. Our learners will be on tablets and phones and will not have the correct font installed. I guess I am just surprised there is no need to embed a web font!
I have a similar question to yours, Curtis. In creating a style guide for all modules for one client, we're choosing fonts to include, and I was of the mind that in order to create a consistent viewing experience for all/most learners, we'd choose web fonts (Google fonts). My question is two-fold. 1. Do we need to use embed code for web fonts, and if so, where do we insert the embed code? 2. If no embed code is necessary, will the HTML5 publish render this type as outlines or images? Will it not be identified as text by readers? Concerned about Section 508 compliance here.
Hi Melissa. Text will render in the font that you've included in your project. The font that you choose becomes embedded in the published output as part of the publishing process, so no additional work is needed from you to get those fonts to display properly. The only area where those fonts potentially won't display is in variable reference text.
I am having some issues with the FLEXO font that a proyect needs. I want to know if there is a way to embed the font, I know that I don't need to embeed anything but there are problems that are preseting that make me ask for this embed action:
Users view the course in a Platform, when they view it, the letters change. Flexo turns into a group of symbols and the text are unreadable.
Users use to study: IE8 to IE11 and the font FLEXO changes a lot.
I don't work with variables and I also know (because I read this along the Articulare Forum) that Storyline 360 insert magically the fonts I use, buit I wanto to know if there is a good soul that knows how to embeed the font. Please, I really need to know.
I also want to ask if there is a way to call a font family (Google-font type) from the .story file. This is urgent please, so if anyone can help me it would be great!! :)
I have had these issues with our Sephora fonts some of the font faces did not support special characters. Can you try a different variation of the font? My problem turned out to be that the "Light" version of our font did not support special characters but the "Regular" version did.
Could you send us a copy of your Storyline file and the font installer file through this form? Our support engineers will take a closer look and let you know what they find.
I have had a problem with my internal company fonts when producing, then "use modern fonts" have helped. An during reviews when publishing there have been no problems. But now when when publishing my customer can´t see the information correctly, I´ve tried to re-publish but is is still the same! This is urgent!
16 Replies
Hi Russell,
The text on the slide itself will be embedded, but if you're using it as a variable reference or text entry that is when custom fonts can be problematic as detailed here, not just for HTML5.
A follow up to this question, does it affect the speed of course loading to use a "web safe" font or one from Google fonts that is likely to be cached?
Hi Rebekah,
I haven't seen any issues with the loading of a course based on using a custom font, but it'll still not display the custom fonts with the variable references or text entries - just the on slide text.
Let us know if you see a perceivable difference in that set up!
So there is no additional embed code that needs to go along with the use of a custom font? how does this work? does it create outlines of the text?
Hi Curtis and welcome to E-Learning Heroes :)
Are you experiencing difficulty with a custom font? As Ashley mentioned above, the text in the correct font will be included on your slide content.
No difficulty yet although I have not tried viewing the course on a system that does not have our Sephora font. Our learners will be on tablets and phones and will not have the correct font installed. I guess I am just surprised there is no need to embed a web font!
Well, let us know if you find otherwise :) Thanks for the update Curtis.
I have a similar question to yours, Curtis. In creating a style guide for all modules for one client, we're choosing fonts to include, and I was of the mind that in order to create a consistent viewing experience for all/most learners, we'd choose web fonts (Google fonts). My question is two-fold. 1. Do we need to use embed code for web fonts, and if so, where do we insert the embed code?
2. If no embed code is necessary, will the HTML5 publish render this type as outlines or images? Will it not be identified as text by readers? Concerned about Section 508 compliance here.
Hi Melissa. Text will render in the font that you've included in your project. The font that you choose becomes embedded in the published output as part of the publishing process, so no additional work is needed from you to get those fonts to display properly. The only area where those fonts potentially won't display is in variable reference text.
Screen readers will be able to identify and read your slide text, including variable references. Screen readers are supported for both Storyline 2 (Flash output) and Storyline 360 (both Flash and HTML5 outputs).
Let us know if you see anything contrary, or if you have other questions! ☺️
Hi there all,
I am having some issues with the FLEXO font that a proyect needs. I want to know if there is a way to embed the font, I know that I don't need to embeed anything but there are problems that are preseting that make me ask for this embed action:
I don't work with variables and I also know (because I read this along the Articulare Forum) that Storyline 360 insert magically the fonts I use, buit I wanto to know if there is a good soul that knows how to embeed the font. Please, I really need to know.
I also want to ask if there is a way to call a font family (Google-font type) from the .story file. This is urgent please, so if anyone can help me it would be great!! :)
Thanks a lot! - Sandra Leon Palomino
I have had these issues with our Sephora fonts some of the font faces did not support special characters. Can you try a different variation of the font? My problem turned out to be that the "Light" version of our font did not support special characters but the "Regular" version did.
Hi Curtis, thaks a lot for answering me.
I have to used the Ligth, Regular and Bold version of Flexo; the problem persist :(
Hi Sandra!
Could you send us a copy of your Storyline file and the font installer file through this form? Our support engineers will take a closer look and let you know what they find.
I have had a problem with my internal company fonts when producing, then "use modern fonts" have helped. An during reviews when publishing there have been no problems. But now when when publishing my customer can´t see the information correctly, I´ve tried to re-publish but is is still the same! This is urgent!
This is Storyline 3 and I have no update according to system
Hi there, Malin. I'll try to help! Check out this article about missing letters or wrong fonts displaying in HTML5 output. Do you know if it's happening in all web browsers or just Internet Explorer?
Let me know if that helps!
This discussion is closed. You can start a new discussion or contact Articulate Support.