title: Specifying Style and Weight for Google Fonts
body: <p>I am using Google fonts in a few of my pages and hit a wall when trying to use variations of a font. Example: <a href="http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans">http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans</a></p>
  
  <p>I am importing three faces, Normal, Bold, ExtraBold via the link tag. The normal face displays correctly, but I cannot figure out how to use the variants of the font in my CSS</p>
  
  <p>I tried all of the following as attributes for font-family but no dice:</p>
  
  <ul>
  <li>'Open Sans Bold'</li>
  <li>'Open Sans 700'</li>
  <li>'Open Sans Bold 700'</li>
  <li>'Open Sans:Bold'</li>
  </ul>
  
  <p>The google docs themselves do not offer much help. Anyone have an idea of how I should write my CSS rules to display these variants?</p>