CSS @font-face not working in IE8

Question

I have tried reading multiple articles on how to deal with custom fonts in IE, but they never seemed to work for me. I tried converting the fonts to EOT, but that didn't seem to work either. I am not sure what I am doing wrong, so I will post my code

@font-face {
  font-family: "Klavika Regular";
    src: url('../fonts/klavika.eot');
    src: local('☺'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

Solution

this works in ie8/9

http://dev.bowdenweb.com/a/fonts/serif/alegreya/demo.html

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

}

Comments

[hackshockr]

Didn't seem to have any effect.

[hackshockr]

Well, site looks awesome and all but the "Download your kit" button doesn't seem to do anything.

[fine]

Try to reload page and reload your font by d.pr/U1yY I advise you to read posts on the links "more information"( d.pr/r0Fn )

[hackshockr]

Yea, got it. But it includes only HTML and stylesheet, no fonts tho'

[fine]

What font file (extension) you use (that FontSquirrel Generator can't work with)? And if you open HTML that you'v got, is there any information using your font?

[Owen]

Why was local('☺') removed? What is it for?

[albert]

its another trick to get font-face to play nicely with ie. you can read about the different font-face solutions on paul irish's blog.