Webfonts are not loading in IE9

Webfonts are not loading in IE9

Same Origin Restriction

Internet Explorer 9 has strict requirements for where the font resides in relation to the website. It requires that all font assets be served from the exact same domain as the calling website.

If you are serving from Apache, you can add this to you .htaccess file to allow your site access to the fonts:

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

Or even better, since the above code will allow anyone to leach:

<FilesMatch "\.(eot|otf|woff|ttf)$">
  SetEnvIf Origin »
    "^http(s)?://(.+\.)?(domain1\.org|domain\.com)$" origin_is=$0
  Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is

Just swap out your calling domains for the placeholder ones above.

MIME Types

If you are serving fonts from Microsoft IIS, you may need to add WOFF to your list of MIME types if IE9 is trying to load them. There is no defined MIME type yet for WOFF, but "font/x-woff" is confirmed to work.

Updated on October 4, 2017