@font-face fonts only work on their own domain

by

This is because Firefox (from your mention of Firebug) thinks cross-domain, even subdomain, Web font embedding is a bad idea.

You can convince it to load fonts from your subdomain by adding this to the top-level .htaccess file of the subdomain where your fonts are being served (updated to adapt code from the same file in HTML5 Boilerplate):

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

In response to this:

I would however like to set up a way that only I can have access to this repository of fonts but that’s another project.

The W3C spec for Access-Control-Allow-Origin doesn’t say anything more than either a wildcard "*" or a specific domain. So far, I’ve found this SO answer which suggests validating the Origin header, but I think that’s a Firefox-only header. I’m not sure about other browsers (they don’t even need the .htaccess trick above for cross-domain Web fonts to work).

More Related Contents:

  1. How to enable mod_rewrite for Apache 2.2
  2. How to debug Apache mod_rewrite
  3. apache redirect from non www to www
  4. How to Set AllowOverride all
  5. Accessing localhost (xampp) from another computer over LAN network – how to?
  6. How to prevent http file caching in Apache httpd (MAMP)
  7. How do I allow HTTPS for Apache on localhost?
  8. Deny access to one specific folder in .htaccess
  9. Hidden features of mod_rewrite
  10. Why use deflate instead of gzip for text files served by Apache?
  11. How can I implement rate limiting with Apache? (requests per second)
  12. Forbidden You don’t have permission to access / on this server [closed]
  13. Internal Error 500 Apache, but nothing in the logs?
  14. Unable to establish SSL connection, how do I fix my SSL cert?
  15. mod_rewrite: remove trailing slash (only one!)
  16. Make Adobe fonts work with CSS3 @font-face in IE9
  17. Multiple font-weights, one @font-face query
  18. Apache Server (xampp) doesn’t run on Windows 10 (Port 80)
  19. java.lang.RuntimeException: Unable to instantiate org.apache.hadoop.hive.ql.metadata.SessionHiveMetaStoreClient
  20. @Font-face not working on mobile
  21. Getting Internal Server Error while trying to access my site
  22. Remove Characters from URL with htaccess
  23. How do I run Node.js on port 80?
  24. Preloading @font-face fonts?
  25. Setting up a websocket on Apache?
  26. How to force Apache to use manually pre-compressed gz file of CSS and JS files?
  27. HTML5 Server-Sent Events prototyping – ambiguous error and repeated polling?
  28. Apache rewrite rules not being applied for angularjs
  29. what is the use of “~” tilde in url? [closed]
  30. Do I need to convert .CER to .CRT for Apache SSL certificates? If so, how?

Leave a Comment