title: The right way to include multiple fonts in css
body: <p>I don't a simple moment. Which way is the right way to include multiple fonts in css? Here are simple examples.</p>
  
  <p>This?</p>
  
  <pre><code>@font-face {
  font-family: DeliciousRomanRegular;
  src: url(/Delicious-Roman-R.otf);
  }
  
  @font-face {
  font-family: DeliciousRomanBold;
  src: url(/Delicious-Roman-B.otf);
  }
  </code></pre>
  
  <p>or this?</p>
  
  <pre><code>@font-face {
  font-family: Roman;
  src: url(/Delicious-Roman-R.otf);
  font-style: normal;
  font-weight: normal;
  }
  
  @font-face {
  font-family: Roman;
  src: url(/Delicious-Roman-B.otf);
  font-style: normal;
  font-weight: bold;
  }
  </code></pre>
  
  <p>And why? 
  I use the second one, because I can add font-family to BODY and just add font-style or font-weight to other classes. And it works.</p>
  
  <p>But I saw people using the first method many times. But it seems to me too rude.
  Every time you need to add bold to a class you have to use "font-family: DeliciousRomanRegular, Arial, sans-serif;". WTF?</p>