title: Google Fonts won't work when imported at a less nested level.
body: <p>I'm using Google Fonts, and have imported it in <em>less</em>. Here is my code:</p>
  
  <p>main.less</p>
  
  <pre><code>#container {
    @import url(http://fonts.googleapis.com/css?family=Raleway:300);
    .like {
      font-family: 'Raleway', sans-serif;
    }
  }
  </code></pre>
  
  <p>This doesn't work. but if I put <code>@import url(http://fonts.googleapis.com/css?family=Raleway:300);</code> before <code>#container</code>, it does. </p>
  
  <p>I'm guessing this maybe because of path, but I don't know why. How do I fix this?</p>