title: True Type Fonts(ttf) not working in css
body: <p>I am trying to take my google font api now and make it local but I am running into problems. I am currently using this</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Open+Sans')
  </code></pre>
  
  <p>and i've been researching and saw that I can use "Font-face" with the downloaded ".ttf" file. So I tried using the ttf file but it's not working at all. I tried converting it into "woff" but still no luck. Here is my code</p>
  
  <pre><code>@font-face {
      font-family: opensans;
      src: url(../fonts/OpenSans_Regular/OpenSans-Regular.ttf) format("truetype");
  }
  
  #ok{
  
      font-family: opensans;
  }
  </code></pre>