CSS @ font-face non funziona in IE8

Ho provato a leggere più articoli su come gestire i caratteri personalizzati in IE, ma non sembravano mai funzionare per me. Ho provato a convertire i caratteri in EOT , ma non sembrava funzionare. Non sono sicuro di cosa sto facendo male, quindi posterò il mio codice

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

questo funziona 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; } 

se IE8 pensa che supporti qualsiasi altro formato diverso da eot di quelli elencati qui sotto, probabilmente cercherà di usarlo. Forse potresti usare un hack IE8, come

 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 

quindi solo IE8 leggerà l’ultima riga src e quindi caricherà .eot.

Prova tre tipi di formati CSS per @ font-face su FontSquirrel Generator (in modalità “EXPERT …”> nella sezione “Formati CSS:”> “maggiori informazioni”)

Vale la pena controllare per vedere se il tuo file .htaccess consente il tipo di file.