title: Font not correctly displaying in Internet Explorer using the css property @font-face
body: <p>I'm trying to render a font using the css property @font-face , in Firefox, Chrome and Opera it works fine, but within Internet Explorer is just does not want to display correctly, and reverts back to another standard font.</p>
  
  <p>My code looks as follows</p>
  
  <pre><code>@font-face {
  
                  font-family: "swatch";
  
          src: url("../../fonts/swatch.eot"); /* IE */
  
                  src: url("../../fonts/swatch.ttf") format("truetype");
  
  }
  
  .header_text1{
  
      font-family: "swatch";
  
      font-size: 78px;
  
      text-align:center;
  
      color: #ffffff;
  
      padding-top: 50px;
  
  }
  </code></pre>
  
  <p>Am I doing something wrong here?</p>