Problem with custom fonts for input and variable text
Jun 03, 2016
Hi!
I'm building a course where the user gets to type in his or her name in the beginning, which will then show on different slides throughout the course. I'm using one custom font for the input text field and two custom fonts to display the name later on. I've noticed that when my colleague (who hasn't the custom fonts installed on her computer) clicks through the course her name isn't shown in the fonts I've selected but in a standard sans serif which looks really bad given the layout of the pages. The custom fonts are embedded correctly everywhere else except for in the input text field and when that variable is displayed. I've looked around in the forum and noticed that a lot of people have had the same problem, but haven't found any solution on how to get the text to be displayed as it should. Help?
3 Replies
Hi Anna - unfortunately you can't use custom fonts for variable references as the font won't get packaged when publishing. You can find more info here:
https://www.articulate.com/support/storyline-2/custom-fonts-arent-supported-for-variable-references-in-html5-or-articulate-mobile-player-sl2
It defaults to a system font so you're best to use a web safe font.
Great reply, Steve, and I thought I might also pass along this discussion also for good measure: Is there a list of fonts for text variable display? Please let us know if you have any other questions, Anna! :)
This post was removed by the author
Hi Henri,
Fonts can't be embedded in published output for variable text. As a result, default system fonts from learners' devices will be substituted for variable text.
Default system fonts can be different for each computer, tablet, or smartphone, meaning learners may not always see the fonts you used.
If you're using Storyline 360 or Storyline 3 HTML5 output, try this creative JavaScript solution from community member Matthew Bibby.
This discussion is closed. You can start a new discussion or contact Articulate Support.