ho sostituito il pezzo di opera con src: url('../titoli.svg#BebasNeueRegular') format('svg');

ma non va ancora, anzi adesso non mi funziona neanche firefox. Quella riga mi crea casini, ma perchè? ho guardato sul css di fontsquirrel e mette così per il suo font.

codice:
@font-face {
    font-family: 'Megalopolis';
    src: url('fonts/megalopolisextra-webfont.eot');
    src: url('fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/megalopolisextra-webfont.woff') format('woff'),
         url('fonts/megalopolisextra-webfont.ttf') format('truetype'),
         url('fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
forse il fatto di cambiare nome al font? ma col truetype funziona.