Rise: Multiple Font Styles Within a Text Block
Sep 11, 2018
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.
22 Replies
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!
I would also love to see this feature added. I'm noticing I have the capability to use
code font
within this messaging tool. It seems like it would make sense to have the same option within Rise.Thanks for the idea, Scott!
Just wanted to give this idea a thumbs-up from our end. :)
+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!
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.
Example
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
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.
Hi Ivan! I've also replied to you here.
You can try using Media Block > Code Snippet for code you need to show or for a specific monospace style.
We're currently tracking requests for the ability to replace fonts inline using the formatting toolbar. If we make any changes to this we'll let you know!
Hi Renz,
I am aware of the Code Snippet block, but it is not applicable if I need to put some CLI command within text on a tab or checkbox list or knowledge check block. That is why it is essential to have monospace formatting.
This would be an awesome feature!
Dear Articulate team,
When monospaced font formatting will be introduced in Rise?
I am looking forward to seeing this feature implemented.
Hello, again Ivan! Thanks for following up with us! Sorry, no updates on this. Here is our current roadmap.
Yes this would be a huge feature. Many of our courses/content developers cannot be moved to use Rise in its current form. We use constant references to code inline and the code block whilst useful does not work well for examples like:
Use the
ansible
command to test connectivity.Real world simple example
Also a more powerful snippet block would be nice with a colorizer, optional line numbers etc so we can make code more readable and reference lines by number.
Please please please introduce monospace font formatting! I suggest using "JetBrains Mono" font in first place, followed by Consolas and Courier.
+1
Is there any plan yet to add inline monospace fonts for code? This is essential for my team as well.
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.
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
!important
declaration, 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.)