font-face Internet Explorer

Question

I’m having a problem loading into my sources in IE. It takes about 1 minute to load. Someone else goes through or has already gone through this?

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

}

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

}

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

}

Answer 1

Modify your font-face for this code and see if it works:

@font-face { 
font-family: MyFont; src: url('myfont.ttf'); 
}
@font-face{ 
font-family: MyFont_IE; src: url('myfont.eot'); 
}
.my_font{ 
font-family: MyFont, MyFont_IE, Arial, Helvetica, sans-serif; 
}

If it doesn’t work (Although it worked for me), take a look here: http://www.iandevlin.com/blog/2009/12/webdev/adventures-with-font-face

Or create your own font on this site: http://www.fontsquirrel.com/tools/webfont-generator