title: Google font - how to specific font-family If they have the same name?
body: <p>I'm tried to use Google fonts for my html page.</p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>I expect that the name of the font-family is different instead is the same</p>
  
  <pre><code>/* latin */
  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url (http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: ..
  }
  
  /* latin */
  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url (http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  unicode-range: ..
  }
  </code></pre>
  
  <p>I tried to do this but with no success.</p>
  
  <pre><code>.one {
      font-family: 'Montserrat';
      font-size: 11px;
      font-weight: 700;
  }
  two {
      font-family: 'Montserrat';
      font-size: 11px;
      font-weight: 400;
  }
  </code></pre>
  
  <p>How can I define the two different fonts in my css?
  Thank you</p>