Forum Discussion
Fonts change to Times New Roman when course is published from Rise
Hello,
No matter what type of font I use (system, custom, Articulate, etc.) when I publish the course to view for web only, it replaces the fonts I choose with Times New Roman.
I built the course in Chrome on the PC side of my iMac (split using Parallels). It doesn't replace the font when I publish to Review. I've viewed it in Chrome, Safari, and IE and it shows up with TNR instead of the fonts I chose every time.
When I publish a SCORM file and put it on the LMS, it has the correct fonts in it. So the problem is just when published for web.
How can I make sure it keeps the fonts I selected when published to the web?
Thanks for your help!
Ken, here's what I see in the Chrome DevTools Console when I launch the URL you provided:
Your web server is reporting a 404 error for all of the following files:
- Lato-Bold.woff
- Lato-Black.woff
- Merriweather-Regular.woff
- 2LWC8d1tdj1ij7Hk-liberationsans-bold-webfont.woff
- Lato-Regular.woff
This generally means that the files are not present on the web server, but it could mean that the web server is misconfigured in other ways.
I'd recommend double-checking the folder you exported from Rise, to be 100% sure that those .WOFF files are present inside the \lib\fonts\ subfolder. If they are there, you'll want to ask your tech support person why the web server is saying that they are missing from the server.
Please let us know if there is anything else we can do to help.
Thanks Justin. I checked that lib\fonts folder and those fonts are definitely in there on the server. I sent your response above to our tech support team and let them know the font files are there. Hopefully they'll be able to zero in on the problem.
Thanks for your help!
Hi Ken,
Perhaps this reply from a fellow community member will get you headed in the right direction.
UPDATE: I submitted a case for this to Articulate support and got this response:
"I can't replicate the issue when I uploaded the exported files to our web server.
Since the issue does not occur on your LMS and our web server, please contact your web administrator. They know best how to solve server specific issues like this."
Unfortunately, the tech support on our end can't find any reason this would be happening either, so that's not much help. If anyone does know of any way their server would be changing fonts only on Articulate Rise products, that information would be very helpful.
Thanks!
Sorry for the trouble, Ken!
Rise content depends on .woff (Web Open Font Format) files to display fonts in Rise, and it's possible that your web server hasn't been configured to allow the download of .woff files.
If your web server is running IIS, you may need to add the .woff MIME type in IIS manager to serve this file type:
- Open IIS Manager (Start >> Run >> type inetmgr, then hit enter).
- Select the root node from the connections pane. Double-click MIME Types from the features pane.
- Click on Add link in the Actions pane. This will open up a dialog box. Enter .woff as the file extension, specify application/font-woff as the corresponding MIME type, and click the OK button.
Let us know how this works out!
Thanks Justin,
This seems like it will be much more helpful instruction. I'll run this past our tech staff and see if we can fix the problem.
I appreciate your help!
Justin, I can't think you enough. The MIME Type change on the server worked perfectly!
It maybe your server does have the mime type for web fonts enabled.
Hi Phil,
Thanks for the reply. I don't want to sound like a dummy, but what is a mime type and how can I get it enabled for web fonts?
Thanks!
I think that just might be the help I need. Thanks!
So I just tried publishing this on a Mac instead of a PC, to avoid the problem with Windows 10, but it still replaced my font with TNR. Am I missing something from that thread? Do I need to create it from scratch on a Mac instead of just publish from a Mac to avoid the issue? Or that other thread said they were fixing it on each individual computer. Do I need to get with someone at Articulate so they can fix it on my specific computer?
Thanks!
Hi Ken,
Are you uploading this to your website or testing it locally? Also, when you view the output, is it all browsers that display the change in font?
If you'd like to share a copy of your Rise course with our Support Engineers we can give it a test too. Reach out here and they'll walk you through some next steps.
Hi Ashley,
Thanks for your response. I was publishing for web and uploading to our server and then testing through multiple browsers, all of which showed the font change.
I'll reach out to the support engineers. Thanks for recommending that!
