We’re super excited to share the latest goodness in Rise: custom fonts. Now you can easily get the perfect look for your course by uploading custom fonts. You’ll be able to use your own custom fonts for headings and body text.
In this quick video, CTO Arlyn Asch shows you how it works. Take a look:
It sounds like you've already followed these steps for adding custom fonts to Rise, to no avail. What web browser were you using when this happened? Are you able to share the WOFF font file with us so we can also test it?
Thanks for linking your other discussion thread. The Rise sidebar menu font is set by design, but it sounds like you need font customization options for that section. Our product team is always keen to hear about customer needs, so I can certainly pass along your suggestion!
Hi team. I'm trying to upload Lobster Two as a custom font.
I'm following the steps as described above (and that I've used to successfully install other custom fonts). But it's not appearing on my custom fonts list after I save.
I've attached the WOFF file that I generated in FontSquirrel.
Hi, please could you let me know if the fonts are included in the scorm file? It seems my scorms are directing the browser out to google web fonts when using Roboto. Because I use an LMS that serves content on an intranet, the machine does not have external web access. This is slowing up my load times substantially. can you confirm that if I load a custom font it will build into the scorm, any fonts I attach?
Hello, have a trial account and testing the custom fonts. I have the .woff files and have uploaded them correctly and they worked for about an hour, however suddenly they have stopped working correctly. It is now only appearing correctly in headings, the body copy font remains as one of the default fonts. Iv'e tried re-saving the .woff file and re-uploading the fonts from scratch several times now. Can't figure out the issue.
Rise exports an index.html file. Because of that you could link a custom.css file to that file and change many things that aren't options in Rise.
For what you are asking: - In the "lib" folder: Duplicate the main.bundle.css - Change the name to custom.css - Open it in a text editor, select everything and delete it - Add and CSS you want (examples attached for tightening up line-spacing and distance between bullets in Rise content - Open the index.html file - Add the highlighted line where I have it in the image
Boom! Any css styles that want to add will override Rise's standard stylesheet
Bonus tip: every block in Rise has a data-id attached to it that doesn't change - so that means that you can target specific blocks in Rise content for custom styling. I've added things like background images to blocks that don't have that feature. Changed the order of things - lots of stuff. Example: data-block-id="cjraveap400373h6cgzo95kh3"
Any competent front end developer should be able to help with this if you don't know CSS.
40 Replies
Hi Rebecca!
It sounds like you've already followed these steps for adding custom fonts to Rise, to no avail. What web browser were you using when this happened? Are you able to share the WOFF font file with us so we can also test it?
Can someone confirm for me that the custom font option only applies to the the headings and body copy?
I can change these but not the items in the menu drawer, I've detailed this in this post:
https://community.articulate.com/discussions/rise/custom-font-for-the-side-menu
I want to make sure I haven't missed something obvious!
thanks,
mark
Hey Mark!
Thanks for linking your other discussion thread. The Rise sidebar menu font is set by design, but it sounds like you need font customization options for that section. Our product team is always keen to hear about customer needs, so I can certainly pass along your suggestion!
Great, keep me posted!
Hi team. I'm trying to upload Lobster Two as a custom font.
I'm following the steps as described above (and that I've used to successfully install other custom fonts). But it's not appearing on my custom fonts list after I save.
I've attached the WOFF file that I generated in FontSquirrel.
Thanks for your help!
Hi, please could you let me know if the fonts are included in the scorm file? It seems my scorms are directing the browser out to google web fonts when using Roboto. Because I use an LMS that serves content on an intranet, the machine does not have external web access. This is slowing up my load times substantially. can you confirm that if I load a custom font it will build into the scorm, any fonts I attach?
Hi Malcolm and Garth,
First, I'm sorry you're both having some trouble with uploading custom fonts into Rise 360.
I recommend following these steps for adding and managing custom fonts. If you're still feeling stuck reach out to our support team and they can lend a hand.
Please let me know if you have any more questions!
Hello, have a trial account and testing the custom fonts. I have the .woff files and have uploaded them correctly and they worked for about an hour, however suddenly they have stopped working correctly. It is now only appearing correctly in headings, the body copy font remains as one of the default fonts. Iv'e tried re-saving the .woff file and re-uploading the fonts from scratch several times now. Can't figure out the issue.
Hi Danielle,
I’m sorry that you’re having some trouble here.
The quickest way to resolve this issue is to have our Support Team take a look. You can submit a case here.
In the meantime, if there's anything else I can do to help, please let me know!
Im having the same problem. Its not saving.
I'm sorry about that, Kristy. I've opened a priority support case so we can get to the bottom of it with you. You'll hear from my team soon.
Hi
I dont need to use a custom font - just one of the standard Microsoft office fonts - Verdana (which my company uses as the standard font)
How do I add Verdana? (I have no idea from where to get the Font file needed for uploading - not allowed to just download files off the web!!)
Hi Patricia!
You likely already have Verdana as a font file on your computer. You can find that font by opening Windows settings > Personalization > Fonts.
Then, follow these steps to add the new font to Rise 360. Let me know how it goes!
Hi Alyssa
I figured that I would have the files somewhere.. just didnt know where to find them... so many thanks!
Verdana now uploaded to my Rise :)
Now if only we could also set the line spacing, instead of having the huge fixed line spacing for text, Rise would be even more awesome!
Patricia,
Rise exports an index.html file. Because of that you could link a custom.css file to that file and change many things that aren't options in Rise.
For what you are asking:
- In the "lib" folder: Duplicate the main.bundle.css
- Change the name to custom.css
- Open it in a text editor, select everything and delete it
- Add and CSS you want (examples attached for tightening up line-spacing and distance between bullets in Rise content
- Open the index.html file
- Add the highlighted line where I have it in the image
Boom! Any css styles that want to add will override Rise's standard stylesheet
Bonus tip: every block in Rise has a data-id attached to it that doesn't change - so that means that you can target specific blocks in Rise content for custom styling. I've added things like background images to blocks that don't have that feature. Changed the order of things - lots of stuff. Example: data-block-id="cjraveap400373h6cgzo95kh3"
Any competent front end developer should be able to help with this if you don't know CSS.
Good Luck!
This discussion is closed. You can start a new discussion or contact Articulate Support.