Webfont only works in Safari

#1

I’ve tried “everything”, but can’t understand why this page won’t load the Museo fonts in other browsers than Safari on Mac and Safari and Chrome on iOS. FontAwesome works. Testet Firefox and Chrome on Mac, IE 11 and Chrome on Windows.

Please, help anyone?

https://xngdkr.axshare.com/test.html

Dag

#2

Because Chrome (and the others, I suspect) is respecting the CORS policy at uxteam1.no and refusing to load the resource.

Check the browser console to see the errors. You need to modify the CORS policy at uxteam1.no to allow loading the font files from other domains.

This is actually the correct behavior. I’m surprised it works in Safari.

#3

Thanks, I need to check CORS then, that was new to me.

#4

Record to self:

It worked! By adding this to the .htaccess file at the font server:

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
unlisted #5