Fonts change to Times New Roman when course is published from Rise

Hi Brian and Rob, 

Are you able to share a link to the course hosted in your server/LMS so that we could also test it? If you have the Rise export zipped folder, it would be helpful to have that too. You can upload here using the Add Attachment button at the bottom of the forum discussion reply window. 

Hi Ashley - 

Thanks for checking in. I can't get you access to the course on the web server because it's inside our firewall. But attached is just one of the courses where we're seeing the issue.

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:

1. Open IIS Manager (Start >> Run >> type inetmgr, then hit enter).
2. Select the root node from the connections pane.  Double-click MIME Types from the features pane.
3. 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!

The problem is browser-specific.  The fonts are OK using Chrome but not using IE11 or Firefox 56.

So glad to hear it, Brian.  Have a great day!

That's a stumper, Ken.

If you're able to share the URL to your published Rise output on your Web Server, we might be able to diagnose the root cause from our end.  ...and if you can't share the URL publicly, we'd be happy to have you send it privately.

Thanks!

Thanks, Ken.  I see your Case Number 01349717, and I'll be taking a peek at your URL personally.

Have a great day!

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.

Okay, we got it working. Turned out, because GoDaddy hosts our server, we had to add some code to the webconfig file in the server's root directory. After the opening <system.webServer> tag in that file, I added this:

<staticContent>
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>

I refreshed the course where I'd been viewing it Safari and, sure enough, it's fixed. Looks like it's working now in other browsers, too.

Thanks again for all your help, Justin!