title: multiple files for multiple font-weight with @font-face
body: <p>I have multiple font files and I need it to map it to some font weights.</p>
  
  <pre><code>@font-face {
      font-family: "custom-font";
      src: url("font300.eot");
      src: url("font300.eot?#iefix") format("embedded-opentype"),
          url("font300.woff2") format("woff2"),
          url("font300.woff") format("woff"),
          url("font300.ttf") format("truetype"),
          url("font300.svg#font-300") format("svg");
      font-weight: 300, normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: "custom-font";
      src: url("font500.eot");
      src: url("font500.eot?#iefix") format("embedded-opentype"),
          url("font500.woff2") format("woff2"),
          url("font500.woff") format("woff"),
          url("font500.ttf") format("truetype"),
          url("font500.svg#font500") format("svg");
      font-weight: 500, bold;
      font-style: normal;
  }
  </code></pre>
  
  <p>I need to map font-weight to number and bold/normal, is it possible? This is not working. I do not wanna to duplicate whole font-face block.</p>
  
  <p>Which font typer are needed for the web? Can I ommit some? (eot, woff2, woff, ttf, svg)</p>
  
  <p>thank you</p>