Forum Discussion
Custom font for the side menu?
I am using custom web fonts in a course but they dont seem to apply to the side menu?
Instead they are set to be Lato, according to this CSS:
.brand--ui, .brand--ui * {
font-family: Lato !important;
}
Is this correct and if it is, is there any way I can change it (other than editing the CSS of course)?
thanks.
28 Replies
Hello,
I have the same problem with some courses in Czech and Romanian. Even though the text seem to be ok on the preview (except for the menu), once the course is published for the web, the diacritics change to what I presume is Times New Roman.
Hello, Hugo. It sounds like the menu text is displaying in a default font rather than your custom font, is that right?
We're looking at ways we can allow for custom fonts in the sidebar menu. If we make a change to this feature in the future, we'll let you know!
I also have a font problem in the menu and start buton. It's been a long time but it's not fixed. Can you specify when to fix this?
Hi, Haluk. I'm sorry I don't have an update on using custom fonts in the outline and start button right now. I'll let you know here if that changes.
I would also like to add my name to the list of people requesting for this to be a feature to be implemented as this is affecting a large number of the languages we use for our courses.
Hi, I have a similar issue with special characters in the sidebar menu in Polish.
What is weird - in the preview everything is ok, when published - characters are replaced.
When can we expect the issue to be fixed?
Can you please replace sidebar menu font with something more universal?
Kind regards,
Marta
Hi Marta! Thanks for your question! We can keep the conversation going in this discussion, if you'd like.
Hello, a lot of time has passed and we are still waiting and waiting. Is there a solution for this or any update?
Hi Talentator,
We don't have any updates for now, but we will let you know as soon as we have one.Thanks for checking in.
Hello again,
We have found a temporary solution, until we wait for an official fix.
In any RISE export, inside "(\scormcontent)\lib\main.bundle.js" you have to replace all "!important" entries in the JS code with a blank entry. In this way, all the "!important" tags in the generated CSS code will no longer be there and there shouldn't be any hierarchy left, other than what is written by default in index.html and perhaps in .css files, but with this you can now freely adjust the hierarchy and make changes at will in all of these files, which you couldn't before as the hierarchy set by the JavaScript would always be higher.
Here's an example with Notepad++ in making these changes:
Any more advanced text/code editor can do this, example with Visual Studio Code:
So far we haven't found any problems with this, but everyone who also had an issue here, we invite all to test this with their RISE courses and give further feedback here.
Thank you! Really helpful workaround! It works fine for me!
Hello again Talentator e-learning,
I've tried to upload it into our LMS-Moodle. But there was missing an Manifest. (error message: An imsmanifest.xml file was found but it was not in the root of your zip file, please re-package your SCORM). Any ideas?
that is great,,, worked well for me.
any idea how to change the size of the font :D
Hi, can you describe where exactly you have to make the changes after removing the !important tags in the js-code? Because changing the font-familiy in brand--ui (as mentioned at the beginning) did nothing.
Thank you & best regards!
