Adobe Fonts Used in Storyline Not Displaying in Mobile

I created a course in Storyline 360 for my portfolio using an Adobe Creative Cloud font called Proxima Nova. 

Then I export the course to web and upload it to my webserver (through gatorhost).

When I view the course on desktop it looks fine. 

When I view it on a phone or tablet, the font doesn't work.

Here is the link to the course: 

https://concept-engine.com/online-portfolio/cybersecurity-awareness/story.html

Has anyone else experienced this and is there a way to fix it?

I have done some research and found that the css syntax of the @font-face call sometimes doesn't work on mobile devices. Adobe has instructions on how to install their fonts on a website, but this isn't a regular website. 

Has anyone out there successfully modified a Storyline course to fix this issue?