Scusate, sto combattendo con un errore di IE 11 con font-face di cui non riesco assolutamente a capacitarmi. Vi spiego:
codice:
@font-face {
font-family: 'nomefont';
src: url('nomefont.eot');
src: local('nomefont'), url('nomefont.ttf') format('truetype');
}
Questo dovrebbe essere il codice corretto. EOT per IE e TTF per tutti gli altri. Firefox/Chrome funziona, ma IE 11 no. Allora ho provato con questa variante retrocompatibile:
codice:
@font-face {
font-family: 'nomefont';
src: url('nomefont.eot');
src: url('nomefont.eot?iefix') format('eot');
src: local('nomefont'), url('nomefont.ttf') format('truetype');
}
E ancora non funziona. Poi ho fatto questo errore di sintassi, lasciando una virgola al posto del ;
codice:
@font-face {
font-family: 'nomefont';
src: url('nomefont.eot');
src: url('nomefont.eot?iefix') format('eot'),
src: local('nomefont'), url('nomefont.ttf') format('truetype');
}
Così, per non so quale ragione, funziona su IE, ma non su tutti gli altri. Ho provato varie combinazioni, per esempio a togliere l'ultimo rigo con il TTF, e per logica dovrebbe funzionare anche solo su IE, ed invece niente. Non riesco a far funzionare IE e Firefox/Chrome insieme.
codice:
body{font-family: 'nomefont', Verdana, serif;}
Questa regola attribuisce il font, mentre nell'html non c'è nulla, solo un paragrafo con del testo di prova.
Qualcuno di voi ha avuto di questi problemi?
Grazie a tutti.