title: Safari and IE can't read TTF and EOT fonts
body: <ol>
  <li><p>I have trouble reading a font in Safari. I converted OTF to TTF - two bold and regular fonts. Both are fine in Chrome and Firefox. But in Safari, only the bold font is works, regular does not.</p></li>
  <li><p>IE does not read the EOT font which I have converted from a website. Is there any better way to convert OTF to EOT?</p></li>
  </ol>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  //Bariol_Bold
  @font-face{
      font-family: Bariol_Bold;
      src:url("fonts/bariol_bold.eot"); /*For ie browser*/
  }
  
  @font-face{ 
      font-family: Bariol_Bold;
      src:url("fonts/bariol_bold.ttf"); /*For other browsers*/
  }
  
  //Bariol_Regular
  @font-face{
      font-family:bariol_regular;
      src:url("fonts/bariol_regular.eot"); /*For ie browser*/
  }
  
  @font-face{ 
      font-family: bariol_regular;
      src:url("fonts/bariol_regular.ttf"); /*For other browsers*/  
  &lt;/style&gt;
  
  &lt;p style="font-family: Bariol_Bold; font-size: 20px;"&gt;hello world&lt;/p&gt;
  &lt;p style="font-family: bariol_regular; font-size: 20px;"&gt;hello world&lt;/p&gt;
  </code></pre>