Question

I have checked the search, and found a multitude of resources, however none have worked.

Chrome, FF, IE7+8 all load in the font ‘Gotham-Book’ perfectly fine; however in IE 9 it just displays default browser.

In the css this is my @font-face

@font-face {
font-family: "Gotham-Book";
src: url('../Fonts/Gotham-Book.eot?') format('embedded-opentype'), 
     url('../Fonts/Gotham-Book.otf') format("opentype"),
     url('../Fonts/Gotham-Book.ttf')  format('truetype');
}

I got the ? in the url from here.

I added this to my httpd.conf (as suggested on stack)

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

With no avail. Has anyone got any suggestions for IE 9?

Thanks.

Answer 1

IE9 is using font in woff format. Looks like you’re not providing it.