title: Define one font face for several font files with different weight
body: <p>I came across this issue using custom fonts. Many offer several files to support different font weights and italics, so you will define a font face like:</p>
  
  <pre><code>@font-face {
    font-family: 'WebFont Bold';
    src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  }
  </code></pre>
  
  <p>Where <strong>Bold</strong> will be replaced with different font specific words like italic or light. I was wondering is it possible to define one font face that will use specific font, say bold if somewhere in css <code>font-weight: bold;</code> is set?</p>