6

そのため、現在の Gulp セットアップが Google フォントなどのリモート フォントをインポートしていないことに気付きました。私のmain.scssファイルには次のものがあります。

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);

縮小してコンパイルすると、次のようになります。

@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')}

私gulp-minify-cssはclean-cssを使用するものを使用しています。リモートインポートを正しく機能させるために何かしなければならないことがあることは知っていますが、ドキュメントを読むと、答えよりも多くの質問が残りました。これは、Sass/CSS の縮小を処理する私の gulp ファイルのセクションです。

// Minimize CSS
gulp.task('minify-css', function() {
  return gulp.src('css/src/*.css')
    .pipe(minifyCss({
        compatibility: 'ie8',
        aggressiveMerging: false
        }))
    .pipe(gulp.dest('css/'));
});

どんな助けでも大歓迎です！ありがとう。

4

1 に答える 1