By default at least IE up to 9 8 (not tested on IE10 IE 9 and 10 doesn’t block loading content and they use local fonts, if available) blocks loading page until fonts are not downloaded. Moving fonts for font-face to separate subdomain (eg. fonts.example.com) means that page loading will not be blocked by loading fonts from font-face. However, you may discover that fonts are not loaded after moving them to separate subdomain. What is wrong?
You must add header Access-Control-Allow-Origin "*" (or specify here your subdomain) when serve fonts from server to allow download and use fonts by browser.
Example rules for Apache:
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Leave a Reply