Problema @font-face con ITCAvantGardePro-XLt.otf

[LupinAndrew]

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 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 css.html.it/guide/lezione/4742/font-personalizzati-con-font-face/

Mi potete dare qualche consiglio? grazie!

[Web Designer]

Ciao, ma hai il problema con IE8 oppure con IE9 ?