CSS3111 error when embedding FontAwesome font in IE8

I use FontAwesome (http://fortawesome.github.com/Font-Awesome/) as a web font in my page:

http://www.jungledragon.org/apps/jd3/

My problem is that the font does not load in IE8 (standards mode), instead, square blocks are displayed. Since these icons are necessary for design, I really want to fix this.

I have already researched a lot of questions and answers, so let me tell you what I did to fix this problem. First, I use the recommended format to embed this font:

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

- x-browser , , FontSquirrel. CSS, , IE8.

-, (CORS), .

, html5 shiv IE8 , shiv alltogether .

Apache2, , mime, , . , , eot IE8 , .

, , - . : FontAwesome IE8 . , , (, ), . - Google, , .

, , ?

: , IE , :

CSS3111: @font-face . fontawesome-webfont.eot

:

http://www.marinbezhanov.com/web-development/16/how-to-embed-webfonts-properly-and-how-to-solve-the-ambiguous-css3111-font-face-encountered-unknown-error/

... , .