title: How to refer custom font in html?
body: <p>I am trying to create html screens. These are mockup screens and am not going to deploy in any application server. i have custom fonts created and i need to refer them through CSS. </p>
  
  <p>My <code>index.html</code> and <code>fonts</code> folder are in below location.</p>
  
  <pre><code>D:\index.html
  D:\fonts
  </code></pre>
  
  <p>i have below code in CSS file:</p>
  
  <pre><code>@font-face{font-family:"MyRegular";
  src:url('fonts/mycotext_rg.eot');
  src:url('fonts/mycotext_rg.eot?#iefix') format('eot'),
      url('fonts/mycotext_rg.woff') format('woff'),
      url('fonts/mycotext_rg.ttf') format('truetype'),
      url('fonts/mycotext_rg.svg') format('svg');
  font-weight:"normal"}
  </code></pre>
  
  <p>if i apply font-family the style is not applied. how can i refer the cutom fonts? Is my url refering fine or do i need to change?</p>
  
  <p>Thanks!</p>