title: Font loading OK in Safari but not Chrome or Firefox (all on Mac)
body: <p>OK, I have reached the pulling my hair out stage.</p>
  
  <p>I have created the below simple example. Basically Safari displays both fonts correctly, yet both Chrome and Firefox will not display the Helvetica font. Both fonts reside in the same folder, along with this test HTML. Anyone any ideas? - I have tried Helvetica Heavy Condensed from two sources, both same effect. See images.</p>
  
  <pre><code>&lt;head&gt;
  &lt;style&gt;
  @font-face 
  {
      font-family: "HelvHvCn";
      src: url('HelvHvCn.ttf') format('truetype');
  }
  @font-face 
  {
      font-family: "BebasNeue";
      src: url('BebasNeue-webfont.ttf') format('truetype');
  }
  h1
  {
      font-family: HelvHvCn;
  }
  h2
  {
      font-family: BebasNeue;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;This font only works in Safari&lt;/h1&gt;
  &lt;h2&gt;This font works in Safari, Chrome and Firefox&lt;/h2&gt;
  &lt;/body&gt;
  </code></pre>