title: After gulp task browser can't find fonts
body: <p>After i run my task to copy the fonts from the bower_component, the browser seems to be confused with the correct path.</p>
  
  <p>This is the gulp task for fonts:</p>
  
  <pre><code>// Fonts
  gulp.task('fonts', function() {
    return gulp.src(bowerDir + '/open-sans-fontface/fonts/**/*.{eot,svg,ttf,woff,woff2}', function (err) {})
        .pipe(gulp.dest(dest + 'fonts'));
  });
  </code></pre>
  
  <p>And this is the gulp task for styles:</p>
  
  <pre><code>// Styles
  gulp.task('styles', function() {
    return plugins.sass(src + 'styles/main.scss', {
            style: 'expanded',
            loadPath: [
              // './resources/sass',
              bowerDir + '/bootstrap-sass/assets/stylesheets',
              bowerDir + '/font-awesome/scss',
              bowerDir + '/open-sans-fontface'
            ]
          })
        .pipe(plugins.autoprefixer('last 2 version'))
        .pipe(gulp.dest(dest + 'styles'))
        .pipe(plugins.rename({ suffix: '.min' }))
        .pipe(plugins.cssnano())
        .pipe(gulp.dest(dest + 'styles'))
        .pipe(reload({stream: true}));
        // .pipe(plugins.notify({ message: 'Styles task complete' }));
  });
  </code></pre>
  
  <p>How do i adjust the gulp file, so the created css-file looks for the right path?</p>