title: Remote Import Fonts with Gulp
body: <p>So I'm noticing that my current Gulp setup isn't importing remote fonts such as google fonts. In my <code>main.scss</code> file I have:</p>
  
  <pre><code>@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);
  </code></pre>
  
  <p>And when it compiles minified it looks something like this:</p>
  
  <pre><code>@font-face{font-family:Lato;font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'),url(../../fonts.gstatic.com/s/lato/v11/zJY4gsxBiSo5L7tNutxFNg.ttf) format('truetype')}
  </code></pre>
  
  <p>I'm using <code>gulp-minify-css</code> which uses clean-css. I know there may be something you have to do to get remote imports to work correctly but reading the docs left me with more questions then answers. Here is a section of my gulp file that handles the Sass/CSS minification:</p>
  
  <pre><code>// Minimize CSS
  gulp.task('minify-css', function() {
    return gulp.src('css/src/*.css')
      .pipe(minifyCss({
          compatibility: 'ie8',
          aggressiveMerging: false
          }))
      .pipe(gulp.dest('css/'));
  });
  </code></pre>
  
  <p>Any help would be appreciated! Thanks.</p>