title: Web fonts do not load in Firefox and Internet Explorer on first page
body: <p>I have a site built on Expression Engine, and while everything is working fine in Google Chrome and Safari, I'm having problems with web fonts in Internet Explorer and Firefox. The issue is that the fonts won't display when you first visit the website. If you load a different page, the fonts do display, and everything is fine after that. However, if you clear the browser's cache and return to the website, the problem occurs again.</p>
  
  <p>I've tried everything from loading the fonts locally to making sure the font styles are loaded right at the top of the page.</p>
  
  <p>Here is a look at the first few lines of my CSS template, which is loaded right at the beginning of the html file, but in a "header" template. Any thoughts? Thank you in advance for any help you can provide! The website in question is: <a href="http://bayareafellowship.com" rel="nofollow">http://bayareafellowship.com</a></p>
  
  <pre><code>@font-face {
     font-family: 'montserratregular';
     src: url('fonts/montserrat-regular-webfont.eot');
     src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
     font-weight: normal;
     font-style: normal;
  
  }
  
  @font-face {
     font-family: 'leaguegothic-regular-webfont';
     src: url('fonts/leaguegothic-regular-webfont.eot');
     src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#leaguegothic-regular-webfontregular') format('svg');
     font-weight: normal;
     font-style: normal;
  }
  
  .montserratregular {
     font-family: 'montserratregular';
  }
  
  .leaguegothic-regular-webfont {
     font-family: 'leaguegothic-regular-webfont';
  }
  
  .montserratbold {
     font-family: 'monteserratbold';
  }
  </code></pre>