This may be one of those bright-blazingly obvious answers, but I cannot dig up the answer, despite plenty of Google milage.
I have a website that uses a webfont. It all works swimmingly most of the time. I also am using .htaccess to redirect things like /company to /company.html quietly.
Here's my issue...the webfont only works when you include the www. in the url. If you omit it, the webfont doesn't load.
I have a feeling that the problem is stemming from the fact that I have to use an absolute path on my webfont, and that absolute font uses www. If I omit the www, then the reverse problem exists. I can't use relative because the .htaccess buggers that (obviously).
The website is here. Add and remove the www. to see what I mean.
So, what am I missing?
NOTE IN ADVANCE: If anyone suggests automatically redirecting to either all www or non-www URLs, great, I can't seem to figure out the .htaccess codes for that. I would need to redirect to only use www, as that's what all my links are using, and I don't feel like changing them all around, argh.
But if you have an alternative method to fix this, that's appreciated too.
It seems that you have a problem with your Cross-Origin Resource Sharing Policy.
Try to add this to your .htaccess file:
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
You can find more information in this answer on question How to add an Access-Control-Allow-Origin header.