title: Select Avenir Next bold variation using CSS (Update 10.10.2)
body: <p>Is there a way to specify which bold or italic variations to use in a font like Avenir Next?</p>
  
  <p>Here's an example.  By default a Avenir Next will choose Avenir Next Bold for bold but I would like it to use Avenir Next Demi Bold instead.  <a href="http://jsfiddle.net/pdtk1rjt/" rel="nofollow">Here is fiddle.</a></p>
  
  <pre><code>&lt;span style="font-family:'Avenir Next'"&gt;
      Normal
      &lt;!-- I want this to be AvenirNext-DemiBold. --&gt;
      &lt;span style="font-weight:bold"&gt;Bold&lt;/span&gt;
  &lt;/span&gt;    
  &lt;br&gt;
  &lt;span style="font-family:'Avenir Next'"&gt;Normal&lt;/span&gt;
  &lt;span style="font-family:'AvenirNext-DemiBold'"&gt;Bold&lt;/span&gt;
  </code></pre>