Search code examples
cssinternet-explorer-7font-face

CSS font-face support in Internet Explorer 7 only

I have downloaded this free font kit from http://www.fontsquirrel.com/fonts/Chantelli-Antiqua and I can see it properly in any common browser (including the old IE6) but in IE7. I just downloaded the kit and opened the demo file in any browser I have installed but IE7 looks like having some problem with it. Is it an IE issue or CSS? Thanks!

CSS code:

@font-face {
font-family: 'ChantelliAntiquaRegular';
src: url('Chantelli_Antiqua-webfont.eot');
src: url('Chantelli_Antiqua-webfont.eot?#iefix') format('embedded-opentype'),
     url('Chantelli_Antiqua-webfont.woff') format('woff'),
     url('Chantelli_Antiqua-webfont.ttf') format('truetype'),
     url('Chantelli_Antiqua-webfont.svg#ChantelliAntiquaRegular') format('svg');
font-weight: normal;
font-style: normal;

}

Solution

  • Try to replace format('embedded-opentype') with format('eot') - should help.