I'm trying to host my own font for my Site Collection, by using @font-face. I believe I've followed all best practices for the declaration:
@font-face {
font-family: 'ciclefina_italic';
src: url('cicle_fina_italic-webfont.eot');
src: url('cicle_fina_italic-webfont.eot?#iefix') format('embedded-opentype'),
url('cicle_fina_italic-webfont.woff') format('woff'),
url('cicle_fina_italic-webfont.ttf') format('truetype'),
url('cicle_fina_italic-webfont.svg#ciclefina_italic') format('svg');
font-weight: normal;
font-style: normal;
}
This works for Firefox/Chrome, but Internet Explorer 7/8/9 is running into an error:
CSS3111: @font-face encountered unknown error. cicle_fina_italic_webfont.eot
I've tried adding mime types to my web.config file but no joy. Has anyone else run into this or had more luck hosting their own font on their SharePoint site?