Forum Discussion
Rise: Multiple Font Styles Within a Text Block
Consider this a feature request. I would like the ability to specify multiple fonts or styles within a single text block. Frequently, when writing technical training materials, I need to reference information that has to be used precisely. For example:
"When a request to the backup system takes a long time to load, a record is written to the slow_load_time table in the troubleshooting database."
I want to make "slow_load_time" and "troubleshooting" use a different font to highlight that this is a precise name of a system on a computer system. By allowing me to use a monospace font like Courier New, the technical nature of that particular piece of text is emphasized. This lets me communicate in a subtle way to the learner the nature of that particular piece of text better than the block's variable width font with bolding and italics does.
Hi there NextGen,
As someone who often writes and uses technical documentation, I can definitely understand where you're coming from! I'll share your idea with our larger team for consideration. Thanks for letting us know what you'd like to see!
If you happen to know how to use the Web Inspector panel to edit the underlying HTML of pages, you might be interested to find out that you can edit the HTML of most blocks, and it will persist. So you could add <span style="font-family:monospace">the text</span> around some words to switch it to a monospace font. You can also use this trick to remove the annoying grey border on tables by adding ' style="border:none" ' on each cell. This is a pretty terrible authoring experience, but it does work, and since it's been 5 years since this thread was opened and Articulate hasn't added the feature, it's probably the only option.
Unfortunately this trick with the fonts doesn't work, you need to add
font-family:monospace !important
but once you hit preview, the important declaration gets stripped out.
I would also love to see this feature added. I'm noticing I have the capability to use
code fontwithin this messaging tool. It seems like it would make sense to have the same option within Rise.+1
I mean look I can do this in
your forum, but not a course :(Thanks, Ian and Joshua! I'm not sure if this will get you closer, but you can adjust the background color of your inline text. I used a gray background here to call out my code:
For other folks, as well, you can also use the code snippet block in the multimedia blocks library for code that will use the entire line.
We'll keep you posted on any other updates!
Hello,
Workaround with bold/italic font substitution is not working for me because I use both for their intended purpose. And I already tried playing with background color - it does not provide significant difference with the main text.
Please introduce monospaced formatting. I suggest using the "Consolas" and/or "JetBrains Mono" fonts on top of the Courier font family. Aforementioned fonts provide much better difference between "1l|" and "O0o" characters.
1l| O0o
Hi Phil,
This had been my experience too. But another comment of yours, wherein you recorded a video showing how to use this technique for alpha lists, you mentioned that sometimes you need to make one more small edit to get these changes to stick. I realized I'd not tried that here. I just did (making my inline edits, then deleting and re-typing the period after "workplace"), and Tim's suggestion appears to work for me now:
Hitting Preview does strip out the
!importantdeclaration, but it doesn't seem to matter.Also, along the way I checked whether Froala has an inline code option, and they do (that's where I got
class="fr-class-code"from, although interestingly that didn't affect the font). Which just makes Articulate's position here even more infuriating... It's not like the alpha list thing where Froala requires you to edit the HTML yourself.(So help me God if someone from Articulate comes to this thread to thank any of us for the workaround, by the way. Articulate should be embarrassed that this is the state of their product and usability, there is absolutely nothing to celebrate here.)
Has Articulate removed the ability to edit inline css?
Yes. Major change to the platform. But, I am expecting major improvements to Rise typography and text styling in the next 5-9 years, it's an exciting time to be an instructional designer.
Thanks for the idea, Scott!
Just wanted to give this idea a thumbs-up from our end. :)
There is a workaround you could use to get different fonts. It requires sacrificing either bold or italic versions of your regular font.
Make a custom font profile, upload the regular font but upload an entirely different font for either italics or bold. Or both if you want three fonts.
Very clever Johannes!
Thanks for adding the code snippet block. It is critical to our course.
We're not ready to sacrifice bold or italic font faces.
The highlighting is a potential placeholder, but we could really use this in the future!
Thanks
