title: How to use specific font styles with CSS, from Google fonts (ie. thin, extra-light..)
body: <p>Google served font like <a href="https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat" rel="noreferrer">Montserrat</a> has a lot of different styles:
  Thin, Extra-Light, Light, Regular, etc...</p>
  
  <p>I could not find a way to specify a style with CSS.
  Using Font-weight can access only some of them as can be seen in this <a href="http://codepen.io/is_this_taken/pen/ryxOwa" rel="noreferrer">CodePen</a></p>
  
  <pre><code>&lt;link href='//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800' 
  rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p><code>&lt;p class="w100"&gt;This is 100 weight&lt;/p&gt;</code></p>
  
  <pre><code>body {
   padding: 0 20px;
   font-family: 'Montserrat';
   font-size:40px;
  }
  
  .w100 {
   font-weight: 100;
  }
  </code></pre>
  
  <p>I want to use the Extra-Light style, but regular is the lightest I get.</p>
  
  <p>Is there a straight forward solution to this?</p>
  
  <p>Update:
  It was a browser problem. My Chrome has issues with fonts. The code i posted works just fine.</p>