title: Is there a difference between font-weight bold and 700 when using webfonts?
body: <p>I recently heard (and actually I don't much believe) that when you define @font-face with <code>font-weight</code> eg <code>700</code> and you use somewhere in CSS <code>font-weight: bold</code> that the browser may render that <code>font-weight</code> itself using faux bold type. Is there really such a difference between <code>700</code> and <code>bold</code> in such case?</p>
  
  <p>So what I'm asking is: given such definition</p>
  
  <pre><code>@font-face {
    font-family: SampleFont;
    src: ...;
    font-weight: 700;
  }
  </code></pre>
  
  <p>will all browsers (according to specification) use specified file for <code>SampleFont</code> in following cases?</p>
  
  <pre><code>.case1 { font-weight: 700; }
  .case2 { font-weight: bold; }
  </code></pre>
  
  <p>I am asking if when you define <code>@font-face</code> with numeric value eg <code>700</code> (or vice versa) and then use its quivalent somewhere in CSS (at this case <code>bold</code>) some browsers could use faux bold text instead of the one defined via @font-face.</p>
  
  <p><em>Thank you experts!</em></p>