CSS font-face loads into app ~50% of the time, why is it skipping?

This is the code in the CSS file:

@font-face {
    font-family: 'Interstate-Re开发者_开发技巧gularRegular';
    src: url('../../_model/ui_assets/fonts/interstate-regular-webfont.eot?#IEFix');
    font-weight: 100;
    font-style: normal;
}

Whenever the web app is executed, the page will show the correct font (Interstate-Regular) about half the time. The rest of the time, the page will default to Arial I believe. This app will be designed for IE8 use. As you can see, I am pointing to a .EOT file. I cannot understand why there is an 'occasional' failure - there is no identifiable pattern here. Has anyone else experienced something like this before?

Are you using the style on load or applying it in jquery/javascript after the DOM has loaded? This sounds like it could be a timing issue?