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>
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Comments

You can leave a response, or trackback from your own site.

Before you add comment see for rules.

Leave a Reply

Your email address will not be published. Required fields are marked *

3b3a2n