Font-Face fonts are showing up in Safari but not in Firefox or Chrome


(Aaron Jaffe) #1

Building a site and using custom fonts from Myfont.com. The font displays perfectly in Safari but not at all in Firefox or Chrome. Attaching the Hype document here.

Any help on this would be much appreciated!!

Thanks in advance - Aaron

Novaweb5.zip (389.5 KB)


(Hans-Gerd Claßen) #2

firefox logs 404 for fonfiles and cross-origin request which blocks also …

storing your fonts within hype the path must be ‘${resourcesFolderName}/yourFontfile’


#3

Yeah @h_classen is correct – this will likely work if you load it from your domain novacainestudio.com, but not locally. These are the errors I’m seeing.

If you continue to see this even on your domain, you can add this to an .htaccess file in your root directory.

Header set Access-Control-Allow-Origin *

But – that may not override the restrictions from Myfonts. Check out https://www.myfonts.com/help/#troubleshooting


(Aaron Jaffe) #4

Thanks for responding to this - unfortunately I don’t think I understand where I’ve made my error…

is it in these references to the stylesheet location that has to be different? If so can you give me a real world example of how it should look?

Thanks - Aaron


#5

Happy to help – First can you post a link to the document on the web?


(Aaron Jaffe) #6

Hey Daniel - thanks for the help.

The link is www.novacainestudio.com/Novaweb5.html

  • A