CSS @ font-face no funciona en IE8

Intenté leer varios artículos sobre cómo tratar con fonts personalizadas en IE, pero nunca me funcionaron. Traté de convertir las fonts a EOT , pero eso tampoco pareció funcionar. No estoy seguro de lo que estoy haciendo mal, así que publicaré mi código

 @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; } 

esto funciona en 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; } 

si IE8 piensa que es compatible con cualquier otro formato que no sea eot de los enumerados a continuación, entonces probablemente intente usar ese. Tal vez podrías usar un hack de IE8, como

 src: local('☺'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg'); src /*\**/: url('../fonts/klavika.eot')\9 

así que solo IE8 leerá la última línea de src y cargará el .eot.

Pruebe tres tipos de formatos CSS para @ font-face en FontSquirrel Generator (en el modo “EXPERT …”> en la sección “Formatos CSS:”> “más información”)

Vale la pena verificar para ver si su archivo .htaccess permite el tipo de archivo.