title: Web Font Malfunctions only in Chrome
body: <p>I have installed a web font on my server, and when I view it in Firefox and IE, it is perfectly fine. Now when I open the same page in Google Chrome, the font isn't as I put it in the CSS! There are also other fonts on the site that display fine. It is just that one font not working. This was both tested with the local and the server copies, and neither worked.</p>
  
  <p>The <strong><em>About Us</em></strong> is <em>Din</em>
  And the content is <em>supposed</em> to be <em>Franklin Gothic</em>.</p>
  
  <hr>
  
  <p><strong><em>Firefox:</em></strong></p>
  
  <p><img src="https://i.stack.imgur.com/29B3N.png" alt="Page section in Firefox browser"></p>
  
  <hr>
  
  <p><strong><em>Internet Explorer:</em></strong></p>
  
  <p><img src="https://i.stack.imgur.com/eLLY3.png" alt="Page Section in IE browser"></p>
  
  <hr>
  
  <p><strong><em>Chrome:</em></strong> (<em>The one with problems</em>)</p>
  
  <p><img src="https://i.stack.imgur.com/7kgvx.png" alt="Page section in Google Chrome browser."></p>
  
  <hr>
  
  <p>My CSS:</p>
  
  <pre><code>@font-face {
      font-family: 'Franklin Gothic';
      src: url('Franklin Gothic.eot');
      src: url('Franklin Gothic.eot') format('eot'),
  url('Franklin Gothic.woff') format('woff'),
  url('Franklin Gothic.ttf') format('truetype'),
  url('Franklin Gothic.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>
  
  <p>Any help would be much appreciated,
  Thanks,
  ~BN</p>