vlastní písmo na webu (@font-face) - problém...

Dobrý den, potřebuji na svůj web vložit písmo MyriadPro...

v css jsem udělal toto:

@font-face {
  font-family: MyriadPro;
  src: url(font/MyriadPro-Regular.eot);
}
@font-face {
  font-family: MyriadPro;
  src: url(font/MyriadPro-Regular.ttf);
}
@font-face {
  font-family: MyriadPro;
  src: url(font/MyriadPro_Regular.otf);
}
@font-face {
  font-family: MyriadPro;
  src: url(font/MyriadPro-Regular.svg);
}

a tam kde chci toto písmo jsem dal toto:

#site_logo a {
  font-family: MyriadPro;
  text-decoration: none;
  font-size: 55px;
  color:#7B204F;   
}

Ale bohužel to funguje pouze v prohlížečích Firefox a G.Chrome... IE a Opera toto ignorují a nastaví default-arial...

Prosím poraďte co s tím-už jsem zoufalý...moc děkuji...

P.S.: Když dám do w3c validátoru moje css, tak to u @font-face píše, že v css 2.1 není podporováno, ale jak mám udělat verzi 3 např?