Forum Discussion

RosMcNamee-4c99's avatar
RosMcNamee-4c99
Community Member
3 years ago

Rise Details section Font broken

Hi community/devs,

 

I've noticed that any new course I make in Rise, the Details section defaults its font back to a Serif font like Times New Roman or something. No matter what font I use, if I view the course on iOS the Details section switches font. This is only happening to new courses, so any course I update from now it will happen. This is a major bug and we need a fix implemented ASAP. 

I've shared a Review link here of this issue: https://360.articulate.com/review/content/ce7766d0-a207-4912-a970-b3a0f624823e/review

 

Rise 360
  • Crystal-Horn's avatar
    Crystal-Horn
    3 years ago

    Hey everyone! I'm happy to let you know that we've fixed the issue where the wrong font was showing on your mobile devices. Please export your courses again to take advantage of the fix.

  • ThaiseNardel052's avatar
    ThaiseNardel052
    Community Member
    3 years ago

    I am having quite the same problem. The body and title fonts are Times New Roman, and the blocks are another non-serif font. On top of that, it is not changing the block accent colours for my custom choice.

    • RosMcNamee-4c99's avatar
      RosMcNamee-4c99
      Community Member
      3 years ago
      Thaise Nardelli

      I am having quite the same problem. The body and title fonts are Times New Roman, and the blocks are another non-serif font. On top of that, it is not changing the block accent colours for my custom choice.

      Thank you for confirming this is also happening to you. I hope the devs see this soon. 

  • RosMcNamee-4c99's avatar
    RosMcNamee-4c99
    Community Member
    3 years ago

    Update: It seems to be only happening on mobile, because we are now replicating the issue on Android.

  • KarinaGomez's avatar
    KarinaGomez
    Community Member
    3 years ago

    This! 
    😩  This same issue is happening to me! Super weird because I only see serifed fonts on my mobile (Android) and this JUST suddenly started happening. I ask the devs to compare any new review links on desktop against mobile and it's pretty evident. Hope it gets fixed very soon! 😖😖😖😖

    • RosMcNamee-4c99's avatar
      RosMcNamee-4c99
      Community Member
      3 years ago
      Karina Gomez

      This! 
      😩  This same issue is happening to me! Super weird because I only see serifed fonts on my mobile (Android) and this JUST suddenly started happening. I ask the devs to compare any new review links on desktop against mobile and it's pretty evident. Hope it gets fixed very soon! 😖😖😖😖

      I'm glad I'm not the only one. It seems there was a big Rise update yesterday that introduced a bunch of new templates. Maybe this update caused the issue...

    • KarinaGomez's avatar
      KarinaGomez
      Community Member
      3 years ago

      Also noticed that if I go and check previous versions, the correct font displays. 😰

      But the latest version has the ugly serifed font in there. Somebody help! 😭😭😭😭

       

      • RosMcNamee-4c99's avatar
        RosMcNamee-4c99
        Community Member
        3 years ago
        Karina Gomez

        Also noticed that if I go and check previous versions, the correct font displays. 😰

        But the latest version has the ugly serifed font in there. Somebody help! 😭😭😭😭

         

        Thank you for this post, this is not good. It's breaking any old courses that were published before the update. Rise devs, please help!

  • HectorFlores-9b's avatar
    HectorFlores-9b
    Community Member
    3 years ago

    I hope devs fix this issue as soon as possible. I have to deliver a bunch of courses.... and they dont look good with this issue in mobiles... you know nowadays all people take training in mobiles...

  • RosMcNamee-4c99's avatar
    RosMcNamee-4c99
    Community Member
    3 years ago

    Make sure it's "lato,sans-serif", and just switching the merriweather to lato, the sans-serif part is equally as important. The code segment should read: "font-family:lato,sans-serif;"

    If your code looks like this and you're still having issues, please attach the main.bundle.css file here and I can have a look.

  • Tracy_Hodges's avatar
    Tracy_Hodges
    Community Member
    3 years ago

    I have discovered that the issue depends on the screen and if I zoom in and out, the problem appears and disappears. 

    (NB for me, the issue is not on a mobile device, but on a normal PC browser on a large screen.)

    • RosMcNamee-4c99's avatar
      RosMcNamee-4c99
      Community Member
      3 years ago
      Tracy Hodges

      I have discovered that the issue depends on the screen and if I zoom in and out, the problem appears and disappears. 

      (NB for me, the issue is not on a mobile device, but on a normal PC browser on a large screen.)

      Wow Tracy, I did not notice this is happening on Desktop when the responsive player resizes. I think the issue is becoming clearer to fix if it is not related to mobile devices. I'll update my case ticket to reflect this and hopefully they will be steered in the right direction. Thanks for the very helpful information Tracy!

  • HenrikLarsson's avatar
    HenrikLarsson
    Community Member
    3 years ago

    This problem is still unsolved. In mobile view, the font is changed to a serif font. Please, can dev. get back on status on this issue.

    Regards, 

    Henrik

    • RosMcNamee-4c99's avatar
      RosMcNamee-4c99
      Community Member
      3 years ago
      Henrik Larsson

      This problem is still unsolved. In mobile view, the font is changed to a serif font. Please, can dev. get back on status on this issue.

      Regards, 

      Henrik

      It is unfortunate that this issue is still plaguing every Rise course. This is a very simple fix from a coding perspective. The dynamic resolution is altering the font as the screen hits its breakpoints. I'm unconvinced they are actually actively trying to fix this as the fix should be fairly straightforward. 

  • RosMcNamee-4c99's avatar
    RosMcNamee-4c99
    Community Member
    3 years ago

    So I'm tired of waiting for this dev team on this. I'm convinced they are just not doing anything about it. So I had the inspiration to fix this and I found the problem in their coding. TLDR: they are inheriting the Merriweather font in the container for the description. 

    For Instructional Designers who can't wait for the devs to implement the fix, here is the solution:

    • When you publish a course, extract the .zip file.
    • Navigate to scormcontent > lib > main.bundle.css
    • Open this file in Notepad, or wherever you want to edit the code.
    • Hit CTRL+F to open the Find window and type in: ".overview__description"
    • You'll notice after the bracket "{" a sentence: "font-family:merriweather,serif;"
    • Change this to "font-family:lato,sans-serif;"
    • Save the file
    • Navigate back to the root folder, select all the folders and files, Send to > Compressed .zip
    • Your course should work without randomly switching to Merriweather font when the screen gets too small, or on mobile. 

    For the devs: Look at the solution above and implement the fix inside of Rise so we don't have to do this massive workaround. 

    • RosMcNamee-4c99's avatar
      RosMcNamee-4c99
      Community Member
      3 years ago

      Note: Change the font to the one you want it to be, "lato,sans-serif" is just the one we use.

Related Content