title: Change CSS "bold" property font-weight value
body: <p>The question is pretty straightforward.</p>
  
  <p>I use Bootstrap, where all the bold things are CSSized in </p>
  
  <pre><code>tag {
    font-weight: bold;
  }
  </code></pre>
  
  <p>but I use <code>Open Sans</code> (as so many people), where <code>font-weight: 400</code> is not enough and <code>font-weight: 700</code> is much better.</p>
  
  <p>Is there a way I tell my CSS that <code>bold=700</code> and not 400 (which is I reckon the default value) ?</p>
  
  <p>=====</p>
  
  <p>EDIT</p>
  
  <p>I must have been unclear.</p>
  
  <p>In CSS <em>only</em>, without modifying Bootstrap sources, there are many locations (<a href="https://github.com/twbs/bootstrap/search?q=bold&amp;type=Code" rel="nofollow">the whole list here</a>) where bootstrap says (Eg.)</p>
  
  <pre><code>h6 {
    font-weight: bold
  }
  </code></pre>
  
  <p>I'd like the web-browser to understand that in this case <code>bold</code> should be equivalent to <code>font-weight: 700</code> instead of <code>font-weight: 400</code> as per default without rewriting all the rules (Eg.)</p>
  
  <pre><code>h6 {
    font-weight: 700
  }
  </code></pre>
  
  <p>The answer can be that it is not currently possible, but Google hasn't provided me any  answer yet.</p>