Hi,
We have the a website which implements a custom font face.
This work every time in IE on our test server. When we move to production it works but only the first time it loads the page. If I delete my temp internet file and reload the page it will work again.
I've used font squirrel to produce their so called "bullet proof" css.
The CSS is as follows:
@font-face {
font-family: 'My Font';
src: url('my_font.eot');
src: url('my_font.eot?#iefix') format('embedded-opentype'),
url('my_font.woff') format('woff'),
url('my_font.ttf') format('truetype'),
url('my_font.svg#my_font') format('svg');
font-weight: Bold;
font-style: normal;
}
I have the mime types as follows:
.eot application/octet-stream
.woff application/x-font-woff
.ttf application/octet-stream
.svg image/svg+xml
Any help would be appreciated... This problem is driving me crazy! Also getting chased by our client too!
Furthermore, when I run the network trace I can see IE successfully loading the font files for all requests. IE loads the EOT, TTF and WOFF.