title: Chrome not respecting font weight?
body: <p>I've got Arial as my base font and I'm trying to use a variety of font-weights for different sections of the page (normal, bold/700, and 900)</p>
  
  <p>This seems to work fine in both Firefox and Internet Explorer, but in Google chrome there seems to be absolutely no difference between bold/700 and 900!?</p>
  
  <p><a href="http://jsfiddle.net/BXJvC/" rel="noreferrer">See fiddle</a></p>
  
  <p>(incase the above link is broken/invalid)</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;p id="one"&gt;Testing&lt;/p&gt;
  &lt;p id="two"&gt;Testing&lt;/p&gt;
  &lt;p id="three"&gt;Testing&lt;/p&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>p { font-family: arial; font-size: 40px; margin: 0; }
  
  #one { font-weight: normal; }
  #two { font-weight: 700; }
  #three { font-weight: 900; }
  </code></pre>
  
  <p>I've googled a bit and found a <a href="https://stackoverflow.com/questions/8529846/font-weight-is-not-working-on-chrome">similar question</a> which provides a semi-usefull answer:</p>
  
  <blockquote>
    <p>Solved with:</p>
    
    <p>font-weight: 900; font-family: "Arial Black", Arial, sans-serif;</p>
  </blockquote>
  
  <p>But using the above simple makes everything assume a <code>font-weight</code> of 900 in Chrome (even when specified otherwise)</p>
  
  <p>For an example of this <a href="http://jsfiddle.net/ZjHEn/" rel="noreferrer">see here</a> (in Chrome obviously)</p>
  
  <p>Is this a bug in Chrome? Or am I doing something wrong here?</p>