title: How to merge fonts?
body: <p>I have a number of fonts,</p>
  
  <ul>
  <li>OpenSans-bold.ttf</li>
  <li>OpenSans-boldItalic.ttf</li>
  <li>OpenSans-extrabold.ttf</li>
  <li>OpenSans-italic.ttf</li>
  <li>OpenSans-light.ttf</li>
  </ul>
  
  <p>How would I go on about to just create one file, as oppose to this many different files?
  And perhaps use them on CSS like I would normally, or like you would on photoshop?</p>
  
  <p>e.g.</p>
  
  <pre><code>small{font-family:"OpenSans"; font-weight: normal;}
  strong{font-family:"OpenSans"; font-weight: bold;}
  h2 {font-family:"OpenSans"; font-weight: bolder;}
  </code></pre>
  
  <p>Any help would be appriciated.</p>