Forum Discussion

BrandonKang's avatar
BrandonKang
Community Member
7 years ago

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.

  • IvanBelash's avatar
    IvanBelash
    Community Member

    Dear Articulate team,

    When monospaced font formatting will be introduced in Rise?

    I am looking forward to seeing this feature implemented.

  • TonyKay's avatar
    TonyKay
    Community Member

    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.

  • IvanBelash's avatar
    IvanBelash
    Community Member

    Please please please introduce monospace font formatting! I suggest using "JetBrains Mono" font in first place, followed by Consolas and Courier.

  • Is there any plan yet to add inline monospace fonts for code? This is essential for my team as well. 

  • Tim_'s avatar
    Tim_
    Community Member

    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.

    • PhilFoss's avatar
      PhilFoss
      Community Member

      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.) 

      • PhilFoss's avatar
        PhilFoss
        Community Member

        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.

  • PhilFoss's avatar
    PhilFoss
    Community Member

    Just realized, you can override the css variable in the inline style, like so:

    <span style="--font-family-body: monospace;">The future is now</span>