title: Google font not working with bootstrap
body: <p>I'm trying to use Google Font on a page. In my html I used:</p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>And in my CSS:</p>
  
  <pre><code>@import url('http://fonts.googleapis.com/css?family=Open+Sans');
  </code></pre>
  
  <p>Still whenI use "Open Sans" with the font-family attribute it stays on Arial.</p>
  
  <pre><code>body
  {
      background-color: #F1F1F2;
      font-family: "Open Sans", Arial;
  }
  </code></pre>