I'm not sure what the problem is, but I have just converted a set of fonts using Font2Web and I have attached the following code to my css to render my fonts required, as I normally would.
@font-face {
font-family: 'Gotham Bold';
src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot');
src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-Bold/fonts/Gotham-Bold.woff') format('woff'),
url('../fonts/Gotham-Bold/fonts/Gotham-Bold.ttf') format('truetype'),
url('../fonts/Gotham-Bold/fonts/Gotham-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham Medium';
src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
url('../fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
url('../fonts/Gotham-Medium/fonts/Gotham-Medium.svg') format('svg');
font-weight: normal;
font-style: normal;
}
The result is that my font gets rendered well on Chrome, Safari, Firefox but IE8 flops and does not load the required fonts at all.
My guess could be the converter i was using might have issues with the EOT files, unless if there is anything else, any suggestions would be great. Thanks.