@font-face and Opera

Question

I have implemented @font-face but just noticed something weird in Opera. When I refresh the page using the new fonts, the @font-face font that I want to be used goes away and the text is then shown in Arial.

font-face works in FF and IE with no issues even when refreshed but Opera does not want to display them correctly.

Here is what I have:

@font-face {
  font-family: 'EraserDust';
  src: url('fonts/eraserdust-webfont.eot');
  src: local('EraserDust'), url('fonts/eraserdust-webfont.woff') format('woff'), url('fonts/eraserdust-webfont.ttf') format('truetype'), url('fonts/eraserdust-webfont.svg#webfont9NPcmhaR') format('svg');
  font-weight: normal;
  font-style: normal;
}

.EraserDust {
  font-weight: normal;
  font-style: normal;
  line-height:normal;
  font-family: 'EraserDust', Arial, Helvetica, sans-serif;
}