Problema @font-face con ITCAvantGardePro-XLt.otf

[Serpicothebest]

Salve a tutti ragazzi, stavo personalizzando la mia pagina web e volevo scrivere il menù con il font ITCAvantGardePro-XLt.otf e ho fatto in questo modo (nel css esterno):

@font-face {
font-family: 'ITCAvantGard';
src: url('fonts/ITCAvantGardePro-XLt.eot');
src: local('ITCAvantGard'), url('fonts/ITCAvantGardePro-XLt.otf') format('opentype');
}

.top_menu {
	font-family: 'ITCAvantGard', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.top_menu a {
	font-family: 'ITCAvantGard', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:10px;
    padding-right:10px;
}
.top_menu a:hover {
	font-family: 'ITCAvantGard', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: underline;
	padding-left:10px;
    padding-right:10px;
}

...da precisare che ho fatto la conversione per il .eot da http://onlinefontconverter.com

Il font in questione si vede bene su tutti i browser ma non su Explorer. Non è la prima volta che adotto questo sistema ma le altre volte si è trattato sempre di font .ttf ora invece è un .otf, sarà questo il problema?

...ah, il mio punto di riferimento per @font-face è stato sempre questa guida http://css.html.it/guide/lezione/474...con-font-face/

Mi potete dare qualche consiglio? grazie!

[ResianTaxidrive]

penso che dovresti provare a convertire l'otf in ttf.

[Serpicothebest]

...si ho già provato questo passaggio, cioè da .otf a .ttf e da .ttf a .eot (che alla fine sarebbe il formato supportato da Explorer e quindi, probabilmente, la fonte dei problemi) ma non cambia nulla

[ResianTaxidrive]

ma .eot lo lasci così come lo hai fatto; prova invece a mettere il .ttf anzichè l'otf.

[fcaldera]

http://forum.html.it/forum/showthrea...0#post13029000

[Serpicothebest]

...ah ecco, quindi è un problema di licenza allora...se è così come non devo, questo aspetto mi era sfuggito